The baseline is shorter than the new snapshot (1200x274 to 1200x900).
The baseline is shorter than the new snapshot (1200x274 to 1200x900).
The baseline is shorter than the new snapshot (1200x274 to 1200x900).
Fail
Found multiple elements by: [data-testid="pre"]
Here are the matching elements:
Ignored nodes: comments, script, style
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
Ignored nodes: comments, script, style
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-ec0dpa"
data-side="left"
>
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
</div>
<div
class="css-b8mu1s"
data-side="right"
>
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
</div>
</div>View in Storybook1200x900
Linux Linux Ubuntu 20.04.4
72dbdf on tom/23347-story-globals
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
TestingLibraryElementError: Found multiple elements by: [data-testid="pre"]
Here are the matching elements:
Ignored nodes: comments, script, style
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
Ignored nodes: comments, script, style
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-ec0dpa"
data-side="left"
>
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
</div>
<div
class="css-b8mu1s"
data-side="right"
>
<pre
data-testid="pre"
>
{
"foo": "fooOverridden1",
"bar": "barDefaultValue",
"backgrounds": {
"grid": false
},
"viewport": {
"value": "reset",
"isRotated": false
},
"measureEnabled": false,
"outline": false,
"baz": "bazOverridden1",
"theme": "light",
"locale": "en"
}
</pre>
</div>
</div>
at Object.getElementError (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:129:284)
at Vn (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:143:3483)
at zn (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:143:3528)
at https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:145:10
at https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:151:387
at sn.invoke (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:9372)
at sn.track (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:6505)
at Object.getByTestId (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:5777)
at play (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/globals.stories-d4e6a192.js:1:1024)
at https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/sb-preview/runtime.js:8267:60