chromeThe baseline is shorter than the new snapshot (1200x284 to 1200x900).
edgeThe baseline is shorter than the new snapshot (1200x284 to 1200x900).
firefoxThe baseline is shorter than the new snapshot (1200x284 to 1200x900).
Fail
Found multiple elements with the text: module-multiple-exports.js
Here are the matching elements:
Ignored nodes: comments, script, style
<div
class="css-2r2w82"
>
module-multiple-exports.js
</div>
Ignored nodes: comments, script, style
<div
class="css-w31l6p"
>
module-multiple-exports.js
</div>
(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-ocnlra"
data-side="left"
>
<div
class="css-3xo6q1"
>
<div
class="css-1egbfhi"
>
<ul
class="css-z9zh42"
style="height: 380px;"
>
<li
class="css-aathoj"
data-index="0"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(16px);"
tabindex="0"
>
<div
aria-controls="file-list-export-0"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-0"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
has-story-file-with-multiple-exports.js
</div>
<div
class="css-ktfbh6"
>
src/has-story-file-with-multiple-exports.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="currentColor"
/>
</svg>
</div>
</div>
</li>
<li
class="css-aathoj"
data-index="1"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(70px);"
tabindex="0"
>
<div
aria-controls="file-list-export-1"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-1"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
has-story-file.js
</div>
<div
class="css-ktfbh6"
>
src/has-story-file.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="currentColor"
/>
</svg>
</div>
</div>
</li>
<li
class="css-aathoj"
data-index="2"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(124px);"
tabindex="0"
>
<div
aria-controls="file-list-export-2"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-2"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
module-multiple-exports.js
</div>
<div
class="css-ktfbh6"
>
src/module-multiple-exports.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="curr...
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-ocnlra"
data-side="left"
>
<div
class="css-3xo6q1"
>
<div
class="css-1egbfhi"
>
<ul
class="css-z9zh42"
style="height: 380px;"
>
<li
class="css-aathoj"
data-index="0"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(16px);"
tabindex="0"
>
<div
aria-controls="file-list-export-0"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-0"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
has-story-file-with-multiple-exports.js
</div>
<div
class="css-ktfbh6"
>
src/has-story-file-with-multiple-exports.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="currentColor"
/>
</svg>
</div>
</div>
</li>
<li
class="css-aathoj"
data-index="1"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(70px);"
tabindex="0"
>
<div
aria-controls="file-list-export-1"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-1"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
has-story-file.js
</div>
<div
class="css-ktfbh6"
>
src/has-story-file.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="currentColor"
/>
</svg>
</div>
</div>
</li>
<li
class="css-aathoj"
data-index="2"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(124px);"
tabindex="0"
>
<div
aria-controls="file-list-export-2"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-2"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
module-multiple-exports.js
</div>
<div
class="css-ktfbh6"
>
src/module-multiple-exports.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="curr...View in StorybookChrome 1211200x900
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.
Error: Found multiple elements with the text: module-multiple-exports.js
Here are the matching elements:
Ignored nodes: comments, script, style
<div
class="css-2r2w82"
>
module-multiple-exports.js
</div>
Ignored nodes: comments, script, style
<div
class="css-w31l6p"
>
module-multiple-exports.js
</div>
(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-ocnlra"
data-side="left"
>
<div
class="css-3xo6q1"
>
<div
class="css-1egbfhi"
>
<ul
class="css-z9zh42"
style="height: 380px;"
>
<li
class="css-aathoj"
data-index="0"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(16px);"
tabindex="0"
>
<div
aria-controls="file-list-export-0"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-0"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
has-story-file-with-multiple-exports.js
</div>
<div
class="css-ktfbh6"
>
src/has-story-file-with-multiple-exports.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="currentColor"
/>
</svg>
</div>
</div>
</li>
<li
class="css-aathoj"
data-index="1"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(70px);"
tabindex="0"
>
<div
aria-controls="file-list-export-1"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-1"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
has-story-file.js
</div>
<div
class="css-ktfbh6"
>
src/has-story-file.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="currentColor"
/>
</svg>
</div>
</div>
</li>
<li
class="css-aathoj"
data-index="2"
style="position: absolute; top: 0px; left: 0px; width: 100%; transform: translateY(124px);"
tabindex="0"
>
<div
aria-controls="file-list-export-2"
aria-expanded="false"
class="css-18jqfyr"
id="file-list-item-wrapper-2"
>
<div
class="file-list-item css-j6yr7o"
>
<div
class="css-k21u9t"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
<div
class="css-ug3pv6"
>
<div
class="css-2r2w82"
>
module-multiple-exports.js
</div>
<div
class="css-ktfbh6"
>
src/module-multiple-exports.js
</div>
</div>
<svg
class="css-avxidw"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z"
fill="curr...
at Ea (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:143:3360)
at Object.findByText (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:151:235)
at sn.invoke (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:9372)
at sn.intercept (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:6773)
at sn.track (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:6505)
at findByText (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:5777)
at play (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/FileSearchList.stories-bff5a516.js:1:738)
at https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/sb-preview/runtime.js:8267:60
at pi.runPhase (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/sb-preview/runtime.js:8158:100)
at pi.render (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/sb-preview/runtime.js:8267:25)