mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-24 18:43:54 +03:00
621063b97d
* fix(deps): update all non-major dependencies * Combine react types Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: Nathan Bierema <nbierema@gmail.com>
381 lines
9.9 KiB
Plaintext
381 lines
9.9 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Select renders correctly 1`] = `
|
|
<div
|
|
class=" css-18o3wl1-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-2-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class=" css-gdsksj-control"
|
|
>
|
|
<div
|
|
class=" css-1dzc0nd-ValueContainer"
|
|
>
|
|
<div
|
|
class=" css-du77wi-placeholder"
|
|
id="react-select-2-placeholder"
|
|
>
|
|
Select...
|
|
</div>
|
|
<div
|
|
class=" css-1xl7is7-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-2-listbox"
|
|
aria-describedby="react-select-2-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="react-select-2-listbox"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class=""
|
|
id="react-select-2-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-aazq4s-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Select renders with props 1`] = `
|
|
<div
|
|
class=" css-lk03f7-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-3-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class=" css-gdsksj-control"
|
|
>
|
|
<div
|
|
class=" css-be27w2-ValueContainer"
|
|
>
|
|
<div
|
|
class="css-168vvpw-multiValue"
|
|
>
|
|
<div
|
|
class="css-1m51f4l"
|
|
>
|
|
One
|
|
</div>
|
|
<div
|
|
aria-label="Remove One"
|
|
class="css-1to589f"
|
|
role="button"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="14"
|
|
viewBox="0 0 20 20"
|
|
width="14"
|
|
>
|
|
<path
|
|
d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-3-listbox"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="react-select-3-listbox"
|
|
aria-readonly="true"
|
|
class="css-mohuvp-dummyInput-DummyInput"
|
|
disabled=""
|
|
id="react-select-3-input"
|
|
inputmode="none"
|
|
role="combobox"
|
|
tabindex="0"
|
|
value=""
|
|
/>
|
|
</div>
|
|
<div
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-1gilzap-loadingIndicator"
|
|
>
|
|
<span
|
|
class="css-1xtdfmb-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-zoievk-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-x748d8-LoadingDot"
|
|
/>
|
|
</div>
|
|
<span
|
|
class=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-aazq4s-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Select should select another option 1`] = `
|
|
<div
|
|
class=" css-18o3wl1-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-4-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
>
|
|
<span
|
|
id="aria-selection"
|
|
/>
|
|
<span
|
|
id="aria-context"
|
|
>
|
|
option Two focused, 2 of 3. 1 result available for search term two. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
|
|
</span>
|
|
</span>
|
|
<div
|
|
class=" css-1gv8qk2-control"
|
|
>
|
|
<div
|
|
class=" css-1dzc0nd-ValueContainer"
|
|
>
|
|
<div
|
|
class=" css-e4ucyw-Input"
|
|
data-value="two"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-4-listbox"
|
|
aria-describedby="react-select-4-placeholder"
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
aria-owns="react-select-4-listbox"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class=""
|
|
id="react-select-4-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value="two"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-aazq4s-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class=" css-17wpf85-menu"
|
|
id="react-select-4-listbox"
|
|
>
|
|
<div
|
|
class=" css-87spde-MenuList"
|
|
>
|
|
<div
|
|
aria-disabled="false"
|
|
class=" css-1npzjqc-option"
|
|
id="react-select-4-option-1"
|
|
tabindex="-1"
|
|
>
|
|
Two
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Select shouldn't find any results 1`] = `
|
|
<div
|
|
class=" css-18o3wl1-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-5-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
>
|
|
<span
|
|
id="aria-selection"
|
|
/>
|
|
<span
|
|
id="aria-context"
|
|
>
|
|
0 results available for search term text. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
|
|
</span>
|
|
</span>
|
|
<div
|
|
class=" css-1gv8qk2-control"
|
|
>
|
|
<div
|
|
class=" css-1dzc0nd-ValueContainer"
|
|
>
|
|
<div
|
|
class=" css-e4ucyw-Input"
|
|
data-value="text"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="react-select-5-listbox"
|
|
aria-describedby="react-select-5-placeholder"
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
aria-owns="react-select-5-listbox"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class=""
|
|
id="react-select-5-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value="text"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class=" css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class=" css-1urf5ax-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class=" css-aazq4s-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class=" css-17wpf85-menu"
|
|
id="react-select-5-listbox"
|
|
>
|
|
<div
|
|
class=" css-87spde-MenuList"
|
|
>
|
|
<div
|
|
class=" css-36co7-NoOptionsMessage"
|
|
>
|
|
No options
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|