Fail
Unable to find an accessible element with the role "button" and name "None"
Here are the accessible roles:
combobox:
Name "":
<div
aria-controls=":r0:"
aria-expanded="false"
aria-haspopup="listbox"
class="MuiSelect-select MuiSelect-filled MuiInputBase-input MuiFilledInput-input css-xwzrjp"
role="combobox"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body
class="sb-main-padded sb-show-main"
>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
</tr>
</thead>
<tbody
class="sb-argstableBlock-body"
>
<tr>
<td>
<span>
propertyName
</span>
<span
title="Required"
>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
Set string
</button>
</td>
</tr>
<tr>
<td>
<span>
propertyName
</span>
<span>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
Set string
</button>
</td>
</tr>
<tr>
<td>
<span>
propertyName
</span>
<span>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
Set string
</button>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="sb-nopreview sb-wrapper"
>
<div
class="sb-nopreview_main"
>
<h1
class="sb-nopreview_heading sb-heading"
>
No Preview
</h1>
<p>
Sorry, but you either have no stories or none are selected somehow.
</p>
<ul>
<li>
Please check the Storybook config.
</li>
<li>
Try reloading the page.
</li>
</ul>
<p>
If the problem persists, check the browser console, or the terminal you've run Storybook from.
</p>
</div>
</div>
<div
class="sb-errordisplay sb-wrapper"
>
<pre
class="sb-heading"
id="error-message"
/>
<pre
class="sb-errordisplay_code"
>
<code
id="error-stack"
/>
</pre>
</div>
<div
id="storybook-root"
>
<div
class="MuiStack-root css-8g6x4n"
data-testid="Action"
>
<div
class="MuiFormControl-root css-13sljp9"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-filled css-k1dq56"
data-shrink="true"
>
Navigate to:
</label>
<div
class="MuiInputBase-root MuiFilledInput-root MuiFilledInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-189cv4d"
>
<div
aria-controls=":r0:"
aria-expanded="false"
aria-haspopup="listbox"
class="MuiSelect-select MuiSelect-filled MuiInputBase-input MuiFilledInput-input css-xwzrjp"
role="combobox"
tabindex="0"
>
None
</div>
<input
aria-hidden="true"
aria-invalid="false"
class="MuiSelect-nativeInput css-1k3x8v3"
tabindex="-1"
value="none"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconFilled css-1636szt"
data-testid="ChevronDownIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
clip-rule="evenodd"
d="M12.707 15.107a1 1 0 0 1-1.414 0l-4.8-4.8a1 1 0 1 1 1.414-1.414L12 12.986l4.093-4.093a1 1 0 1 1 1.414 1.414l-4.8 4.8Z"
fill-rule="evenodd"
/>
</svg>
</div>
</div>
</div>
</div>
<div
hidden="true"
id="storybook-docs"
/>
</body>...View in Storybook
Chrome 1211168x72
Linux Linux Ubuntu 20.04.4
d6e27c on feature/24-04-SC-feat-plausible
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://612c2a83fdc2b2003a5c2eb7-ljlwubtbvu.capture-loopback.chromatic.com/sb-preview/runtime.js:4:97720