Fail
Found multiple elements by: [data-testid="right-list"]
Here are the matching elements:
Ignored nodes: comments, script, style
<div
class="css-u718rw"
data-testid="right-list"
>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
optics
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="optics"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
design-system
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="design-system"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
test-repo
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="test-repo"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
shapes
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="shapes"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
chroma-pets
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="chroma-pets"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
addon
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="addon"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
another-app
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="another-app"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
below-the-fold
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="below-the-fold"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
</div>
Ignored nodes: comments, script, style
<div
class="css-u718rw"
data-testid="right-list"
>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
optics
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="optics"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
design-system
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="design-system"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
test-repo
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="test-repo"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
shapes
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="shapes"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
chroma-pets
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="chroma-pets"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
addon
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="addon"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
another-app
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="another-app"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-5h3ni7 e1cw8g26"
>
below-the-fold
</span>
<span
class="css-0 e1cw8g24"
>
<svg
aria-label="below-the-fold"
class="css-zmb90n e82dnwa0"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z"
/>
<path
d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</a>
</li>
</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-11mjrbp"
orientation="right"
>
<div
class="css-nlyae3"
data-canvas="right"
orientation="right"
>
<div
class="css-10vwj32"
>
<h1
class="css-rpn2xa"
>
Select a Project
</h1>
<p
class="css-b0bots"
>
Baselines will be used with this project.
</p>
<div
class="css-11jfl0j"
>
<div
class="css-32120x"
>
<div
class="css-1wmmv3f"
>
Accounts
</div>
<div
class="css-u718rw"
data-testid="left-list"
>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-sxyyxz e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
yummly
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
acme corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
third corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
fourth corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
fifth corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
...
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-11mjrbp"
orientation="right"
>
<div
class="css-nlyae3"
data-canvas="right"
orientation="right"
>
<div
class="css-10vwj32"
>
<h1
class="css-rpn2xa"
>
Select a Project
</h1>
<p
class="css-b0bots"
>
Baselines will be used with this project.
</p>
<div
class="css-11jfl0j"
>
<div
class="css-32120x"
>
<div
class="css-1wmmv3f"
>
Accounts
</div>
<div
class="css-u718rw"
data-testid="left-list"
>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-sxyyxz e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
yummly
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
acme corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
third corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
fourth corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
</span>
<span
class="css-5h3ni7 e1cw8g26"
>
fifth corp
</span>
</span>
</a>
</li>
<li
class="css-89cqsy e1cw8g23"
>
<a
class="css-1f5ehsr e1cw8g21"
>
<span
class="css-1ytwb0j e1cw8g22"
role="presentation"
>
<span
class="css-0 e1cw8g27"
>
<div
aria-label="loading"
class="css-12frltk css-a8sy1o e14kqdha2"
type="user"
>
<div
aria-hidden="true"
class="css-b9l47c e14kqdha0"
>
l
</div>
</div>
...View in Storybook
Chrome 105880x640
Linux Linux Ubuntu 20.04.4
a34a74 on matt/ap-3443-project-picker-improvements
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: ignoredException
at https://6480e1b0042842f149cfd74c-cqdiuexazb.capture.chromatic.com/sb-preview/runtime.js:4:95647