Fail
Unable to find an accessible element with the role "button" and name "Toggle navigation"
Here are the accessible roles:
navigation:
Name "":
<nav
class="navbar navbar-expand-xl bg-white svelte-1xhlvef"
/>
--------------------------------------------------
link:
Name "HathiTrust Home":
<a
href="//undefined/"
/>
Name "Join":
<a
class="nav-link svelte-1xhlvef"
href="//undefined/join/"
/>
--------------------------------------------------
img:
Name "HathiTrust Home":
<svg
aria-labelledby="ht-logo-title"
fill="none"
height="47"
role="img"
viewBox="0 0 180 47"
width="180"
xmlns="http://www.w3.org/2000/svg"
/>
--------------------------------------------------
list:
Name "":
<ul
class="navbar-nav menu-links svelte-1xhlvef"
/>
Name "":
<ul
class="navbar-nav action-links svelte-1xhlvef"
/>
--------------------------------------------------
listitem:
Name "":
<li
class="nav-item dropdown svelte-1xhlvef"
/>
Name "":
<li
class="nav-item dropdown svelte-1xhlvef"
/>
Name "":
<li
class="nav-item dropdown svelte-1xhlvef"
/>
Name "":
<li
class="nav-item svelte-1xhlvef"
/>
Name "":
<li
class="nav-item dropdown svelte-1xhlvef"
/>
Name "":
<li
class="nav-item d-none d-xl-block svelte-1xhlvef"
/>
Name "":
<li
class="nav-item dropdown svelte-1xhlvef"
/>
Name "":
<li
class="nav-item svelte-1xhlvef"
/>
--------------------------------------------------
button:
Name "About":
<a
aria-expanded="false"
class="nav-link dropdown-toggle d-flex flex-row justify-content-between align-items-center svelte-1xhlvef"
data-bs-toggle="dropdown"
href="#"
role="button"
/>
Name "The Collection":
<a
aria-expanded="false"
class="nav-link dropdown-toggle d-flex flex-row justify-content-between align-items-center svelte-1xhlvef"
data-bs-toggle="dropdown"
href="#"
role="button"
/>
Name "Member Libraries":
<a
aria-expanded="false"
class="nav-link dropdown-toggle d-flex flex-row justify-content-between align-items-center svelte-1xhlvef"
data-bs-toggle="dropdown"
href="#"
role="button"
/>
Name "News & Events":
<a
aria-expanded="false"
class="nav-link dropdown-toggle d-flex flex-row justify-content-between align-items-center svelte-1xhlvef"
data-bs-toggle="dropdown"
href="#"
role="button"
/>
Name "Search":
<a
class="nav-link text-uppercase d-flex flex-row justify-content-between align-items-center svelte-1xhlvef search-active"
href="#"
role="button"
/>
Name "Get Help":
<a
aria-expanded="false"
class="nav-link dropdown-toggle text-uppercase d-flex flex-row justify-content-between align-items-center gap-2 svelte-1xhlvef"
data-bs-toggle="dropdown"
href="#"
role="button"
/>
Name "Log In":
<a
class="nav-link text-uppercase d-flex flex-row justify-content-between align-items-center svelte-1xhlvef"
data-testid="login-button"
href="#"
role="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div>
<dialog
aria-hidden="true"
class="svelte-1fdecta"
data-polyfilled="false"
>
<div
aria-labelledby="id1701465364908-1491982211839-label"
class="modal show svelte-1fdecta"
style="display: block;"
>
<div
class="modal-dialog modal-dialog-scrollable modal-dialog-centered"
>
<div
class="modal-content"
>
<div
class="modal-header svelte-1fdecta"
>
<h1
class="modal-title svelte-1fdecta"
id="id1701465364908-1491982211839-label"
>
Questions?
</h1>
<button
aria-label="Close Modal"
class="btn btn-sm btn-outline-secondary d-flex align-items-center gap-2 justify-between order-1 ms-auto text-uppercase svelte-1fdecta"
data-bs-dismiss="modal"
type="button"
>
Close
<i
aria-hidden="true"
class="fa-solid fa-xmark svelte-1fdecta"
/>
</button>
</div>
<div
class="modal-body svelte-1fdecta"
>
<main>
<form
class="needs-validation mb-3 svelte-1xdvao9"
id="id1701465364908"
name="feedback"
novalidate=""
>
<div
class="mb-3"
>
<label
class="form-label"
for="name"
>
Name
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="name"
name="name"
required=""
type="name"
/>
<div
class="invalid-feedback"
>
Please provide your name.
</div>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="email"
>
Email address
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="email"
name="email"
required=""
type="email"
/>
<div
class="invalid-feedback"
>
Please provide an email address.
</div>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="summary"
>
Short summary
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="summary"
name="summary"
required=""
type="text"
/>
<div
class="invalid-feedback"
>
Please provide a title or subject line to summarize your feedback.
</div>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="bookDescription"
>
If your question is related to a specific book, what is the title or URL?
<span
class="required svelte-1xdvao9"
>
(optional)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="bookDescription"
name="bookDescription"
type="text"
/>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="description"
>
Full description of problem or question
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<textarea
class="form-control svelte-1xdvao9"
id="description"
name="description"
required=""
rows="3"
/>
<div
class="invalid-feedback"
>
Please provide some background or details for your feedback or question.
</div>
</div>
<input
id="userURL"
name="userURL"
type="hidden"
value="https://656a2bfa011def621f569319-apnozdfpza.capture-loopback.chromatic.com/iframe.html?instrument=true&id=navbar--mobile-dropdown-menu-selected&viewMode=story"
/>
<input
id="userAgent"
name="userAgent"
type="hidden"
value="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.5195.19 Safari/537.36 (Chromatic capture)"
/>
...View in Storybook
Chrome 1051168x79
Linux Linux Ubuntu 20.04.4
80e7e6 on chromatic
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://656a2bfa011def621f569319-apnozdfpza.capture-loopback.chromatic.com/sb-preview/runtime.mjs:4:91560