reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-23 22:50:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update snapshot

Browse Source
This commit is contained in:
Nathan Bierema 2020-09-19 19:16:04 -04:00
parent 5457343f1d
commit b547440ae5
1 changed files with 3277 additions and 3220 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

251
packages/devui/tests/__snapshots__/Select.test.tsx.snap
View File

@ -5,18 +5,18 @@ exports[`Select renders correctly 1`] = `
class=" css-2b097c-container" class=" css-2b097c-container"
> >
<div <div
class=" css-1960ht7-control" class=" css-vmgz7k-control"
> >
<div <div
class=" css-g1d714-ValueContainer" class=" css-be27w2-ValueContainer"
> >
<div <div
class=" css-1wa3eu0-placeholder" class=" css-1osw1h9-placeholder"
> >
Select... Select...
</div> </div>
<div <div
class="css-ybs8ec-Input" class="css-187dxxn-Input"
> >
<div <div
class="" class=""
@ -44,11 +44,11 @@ exports[`Select renders correctly 1`] = `
class=" css-1hb7zxy-IndicatorsContainer" class=" css-1hb7zxy-IndicatorsContainer"
> >
<span <span
class=" css-bqiiy2-indicatorSeparator" class=" css-1urf5ax-indicatorSeparator"
/> />
<div <div
aria-hidden="true" aria-hidden="true"
class=" css-kaqmzc-indicatorContainer" class=" css-aazq4s-indicatorContainer"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -73,18 +73,18 @@ exports[`Select renders with props 1`] = `
class=" css-2b097c-container" class=" css-2b097c-container"
> >
<div <div
class=" css-1960ht7-control" class=" css-vmgz7k-control"
> >
<div <div
class=" css-g1d714-ValueContainer" class=" css-be27w2-ValueContainer"
> >
<div <div
class=" css-1wa3eu0-placeholder" class=" css-1osw1h9-placeholder"
> >
Select... Select...
</div> </div>
<div <div
class="css-ybs8ec-Input" class="css-187dxxn-Input"
> >
<div <div
class="" class=""
@ -113,7 +113,7 @@ exports[`Select renders with props 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
class=" css-1k7leo4-loadingIndicator" class=" css-1gilzap-loadingIndicator"
> >
<span <span
class="css-1yvy2vo-LoadingDot" class="css-1yvy2vo-LoadingDot"
@ -126,11 +126,11 @@ exports[`Select renders with props 1`] = `
/> />
</div> </div>
<span <span
class=" css-bqiiy2-indicatorSeparator" class=" css-1urf5ax-indicatorSeparator"
/> />
<div <div
aria-hidden="true" aria-hidden="true"
class=" css-kaqmzc-indicatorContainer" class=" css-aazq4s-indicatorContainer"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -151,7 +151,43 @@ exports[`Select renders with props 1`] = `
`; `;
exports[`Select should select another option 1`] = ` exports[`Select should select another option 1`] = `
<ThemedComponent(Component) <WithTheme(Component)
onInputChange={
[MockFunction] {
"calls": Array [
Array [
"two",
Object {
"action": "input-change",
},
],
],
"results": Array [
Object {
"type": "return",
"value": undefined,
},
],
}
}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
>
<Component
onInputChange={ onInputChange={
[MockFunction] { [MockFunction] {
"calls": Array [ "calls": Array [
@ -455,8 +491,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -600,8 +636,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -629,7 +665,7 @@ exports[`Select should select another option 1`] = `
"flexWrap": "wrap", "flexWrap": "wrap",
"justifyContent": "space-between", "justifyContent": "space-between",
"label": "control", "label": "control",
"minHeight": 38, "minHeight": 30,
"outline": "0 !important", "outline": "0 !important",
"position": "relative", "position": "relative",
"transition": "all 100ms", "transition": "all 100ms",
@ -639,7 +675,7 @@ exports[`Select should select another option 1`] = `
onTouchEnd={[Function]} onTouchEnd={[Function]}
> >
<div <div
className=" css-1960ht7-control" className=" css-vmgz7k-control"
onMouseDown={[Function]} onMouseDown={[Function]}
onTouchEnd={[Function]} onTouchEnd={[Function]}
> >
@ -753,8 +789,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -773,13 +809,13 @@ exports[`Select should select another option 1`] = `
"flex": 1, "flex": 1,
"flexWrap": "wrap", "flexWrap": "wrap",
"overflow": "hidden", "overflow": "hidden",
"padding": "2px 8px", "padding": "1px 4px",
"position": "relative", "position": "relative",
} }
} }
> >
<div <div
className=" css-g1d714-ValueContainer" className=" css-be27w2-ValueContainer"
> >
<Input <Input
aria-autocomplete="list" aria-autocomplete="list"
@ -880,8 +916,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -896,15 +932,15 @@ exports[`Select should select another option 1`] = `
Object { Object {
"boxSizing": "border-box", "boxSizing": "border-box",
"color": undefined, "color": undefined,
"margin": 2, "margin": 1,
"paddingBottom": 2, "paddingBottom": 1,
"paddingTop": 2, "paddingTop": 1,
"visibility": "visible", "visibility": "visible",
} }
} }
> >
<div <div
className="css-ybs8ec-Input" className="css-187dxxn-Input"
> >
<AutosizeInput <AutosizeInput
aria-autocomplete="list" aria-autocomplete="list"
@ -1107,8 +1143,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -1242,8 +1278,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -1259,14 +1295,14 @@ exports[`Select should select another option 1`] = `
"backgroundColor": undefined, "backgroundColor": undefined,
"boxSizing": "border-box", "boxSizing": "border-box",
"label": "indicatorSeparator", "label": "indicatorSeparator",
"marginBottom": 8, "marginBottom": 4,
"marginTop": 8, "marginTop": 4,
"width": 1, "width": 1,
} }
} }
> >
<span <span
className=" css-bqiiy2-indicatorSeparator" className=" css-1urf5ax-indicatorSeparator"
/> />
</EmotionCssPropInternal> </EmotionCssPropInternal>
</IndicatorSeparator> </IndicatorSeparator>
@ -1388,8 +1424,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -1409,7 +1445,7 @@ exports[`Select should select another option 1`] = `
"color": undefined, "color": undefined,
"display": "flex", "display": "flex",
"label": "indicatorContainer", "label": "indicatorContainer",
"padding": 8, "padding": 4,
"transition": "color 150ms", "transition": "color 150ms",
} }
} }
@ -1418,7 +1454,7 @@ exports[`Select should select another option 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
className=" css-kaqmzc-indicatorContainer" className=" css-aazq4s-indicatorContainer"
onMouseDown={[Function]} onMouseDown={[Function]}
onTouchEnd={[Function]} onTouchEnd={[Function]}
> >
@ -1580,8 +1616,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -1710,8 +1746,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -1862,8 +1898,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -1879,14 +1915,14 @@ exports[`Select should select another option 1`] = `
"boxSizing": "border-box", "boxSizing": "border-box",
"maxHeight": 300, "maxHeight": 300,
"overflowY": "auto", "overflowY": "auto",
"paddingBottom": 4, "paddingBottom": 2,
"paddingTop": 4, "paddingTop": 2,
"position": "relative", "position": "relative",
} }
} }
> >
<div <div
className=" css-4ljt47-MenuList" className=" css-87spde-MenuList"
> >
<Option <Option
clearValue={[Function]} clearValue={[Function]}
@ -2018,8 +2054,8 @@ exports[`Select should select another option 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -2044,7 +2080,7 @@ exports[`Select should select another option 1`] = `
"display": "block", "display": "block",
"fontSize": "inherit", "fontSize": "inherit",
"label": "option", "label": "option",
"padding": "8px 12px", "padding": "4px 6px",
"userSelect": "none", "userSelect": "none",
"width": "100%", "width": "100%",
} }
@ -2056,7 +2092,7 @@ exports[`Select should select another option 1`] = `
tabIndex={-1} tabIndex={-1}
> >
<div <div
className=" css-1gm74v5-option" className=" css-1npzjqc-option"
id="react-select-4-option-1" id="react-select-4-option-1"
onClick={[Function]} onClick={[Function]}
onMouseMove={[Function]} onMouseMove={[Function]}
@ -2082,11 +2118,31 @@ exports[`Select should select another option 1`] = `
</Select> </Select>
</StateManager> </StateManager>
</Select> </Select>
</ThemedComponent(Component)> </Component>
</WithTheme(Component)>
`; `;
exports[`Select shouldn't find any results 1`] = ` exports[`Select shouldn't find any results 1`] = `
<ThemedComponent(Component) <WithTheme(Component)
onChange={[MockFunction]}
options={
Array [
Object {
"label": "One",
"value": "one",
},
Object {
"label": "Two",
"value": "two",
},
Object {
"label": "One hundred",
"value": "hundred",
},
]
}
>
<Component
onChange={[MockFunction]} onChange={[MockFunction]}
options={ options={
Array [ Array [
@ -2339,8 +2395,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -2484,8 +2540,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -2513,7 +2569,7 @@ exports[`Select shouldn't find any results 1`] = `
"flexWrap": "wrap", "flexWrap": "wrap",
"justifyContent": "space-between", "justifyContent": "space-between",
"label": "control", "label": "control",
"minHeight": 38, "minHeight": 30,
"outline": "0 !important", "outline": "0 !important",
"position": "relative", "position": "relative",
"transition": "all 100ms", "transition": "all 100ms",
@ -2523,7 +2579,7 @@ exports[`Select shouldn't find any results 1`] = `
onTouchEnd={[Function]} onTouchEnd={[Function]}
> >
<div <div
className=" css-1960ht7-control" className=" css-vmgz7k-control"
onMouseDown={[Function]} onMouseDown={[Function]}
onTouchEnd={[Function]} onTouchEnd={[Function]}
> >
@ -2637,8 +2693,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -2657,13 +2713,13 @@ exports[`Select shouldn't find any results 1`] = `
"flex": 1, "flex": 1,
"flexWrap": "wrap", "flexWrap": "wrap",
"overflow": "hidden", "overflow": "hidden",
"padding": "2px 8px", "padding": "1px 4px",
"position": "relative", "position": "relative",
} }
} }
> >
<div <div
className=" css-g1d714-ValueContainer" className=" css-be27w2-ValueContainer"
> >
<Input <Input
aria-autocomplete="list" aria-autocomplete="list"
@ -2764,8 +2820,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -2780,15 +2836,15 @@ exports[`Select shouldn't find any results 1`] = `
Object { Object {
"boxSizing": "border-box", "boxSizing": "border-box",
"color": undefined, "color": undefined,
"margin": 2, "margin": 1,
"paddingBottom": 2, "paddingBottom": 1,
"paddingTop": 2, "paddingTop": 1,
"visibility": "visible", "visibility": "visible",
} }
} }
> >
<div <div
className="css-ybs8ec-Input" className="css-187dxxn-Input"
> >
<AutosizeInput <AutosizeInput
aria-autocomplete="list" aria-autocomplete="list"
@ -2991,8 +3047,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -3126,8 +3182,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -3143,14 +3199,14 @@ exports[`Select shouldn't find any results 1`] = `
"backgroundColor": undefined, "backgroundColor": undefined,
"boxSizing": "border-box", "boxSizing": "border-box",
"label": "indicatorSeparator", "label": "indicatorSeparator",
"marginBottom": 8, "marginBottom": 4,
"marginTop": 8, "marginTop": 4,
"width": 1, "width": 1,
} }
} }
> >
<span <span
className=" css-bqiiy2-indicatorSeparator" className=" css-1urf5ax-indicatorSeparator"
/> />
</EmotionCssPropInternal> </EmotionCssPropInternal>
</IndicatorSeparator> </IndicatorSeparator>
@ -3272,8 +3328,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -3293,7 +3349,7 @@ exports[`Select shouldn't find any results 1`] = `
"color": undefined, "color": undefined,
"display": "flex", "display": "flex",
"label": "indicatorContainer", "label": "indicatorContainer",
"padding": 8, "padding": 4,
"transition": "color 150ms", "transition": "color 150ms",
} }
} }
@ -3302,7 +3358,7 @@ exports[`Select shouldn't find any results 1`] = `
> >
<div <div
aria-hidden="true" aria-hidden="true"
className=" css-kaqmzc-indicatorContainer" className=" css-aazq4s-indicatorContainer"
onMouseDown={[Function]} onMouseDown={[Function]}
onTouchEnd={[Function]} onTouchEnd={[Function]}
> >
@ -3464,8 +3520,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -3594,8 +3650,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -3746,8 +3802,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -3763,14 +3819,14 @@ exports[`Select shouldn't find any results 1`] = `
"boxSizing": "border-box", "boxSizing": "border-box",
"maxHeight": 300, "maxHeight": 300,
"overflowY": "auto", "overflowY": "auto",
"paddingBottom": 4, "paddingBottom": 2,
"paddingTop": 4, "paddingTop": 2,
"position": "relative", "position": "relative",
} }
} }
> >
<div <div
className=" css-4ljt47-MenuList" className=" css-87spde-MenuList"
> >
<NoOptionsMessage <NoOptionsMessage
clearValue={[Function]} clearValue={[Function]}
@ -3881,8 +3937,8 @@ exports[`Select shouldn't find any results 1`] = `
"primary75": "#4C9AFF", "primary75": "#4C9AFF",
}, },
"spacing": Object { "spacing": Object {
"baseUnit": 4, "baseUnit": 2,
"controlHeight": 38, "controlHeight": 30,
"menuGutter": 8, "menuGutter": 8,
}, },
} }
@ -3896,13 +3952,13 @@ exports[`Select shouldn't find any results 1`] = `
Object { Object {
"boxSizing": "border-box", "boxSizing": "border-box",
"color": undefined, "color": undefined,
"padding": "8px 12px", "padding": "4px 6px",
"textAlign": "center", "textAlign": "center",
} }
} }
> >
<div <div
className=" css-mzubzw-NoOptionsMessage" className=" css-36co7-NoOptionsMessage"
> >
No options No options
</div> </div>
@ -3923,5 +3979,6 @@ exports[`Select shouldn't find any results 1`] = `
</Select> </Select>
</StateManager> </StateManager>
</Select> </Select>
</ThemedComponent(Component)> </Component>
</WithTheme(Component)>
`; `;