The baseline is taller than the new snapshot (1184x382 to 1184x332).
Fail
Unable to find role="menu"View in Storybook
Chrome 1401184x332
Linux Linux Ubuntu 20.04.4
d0c32b on syl-dark-banner
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: Unable to find role="menu"
Ignored nodes: comments, script, style
<body
class="sb-main-padded sb-show-main"
data-wb-theme="default"
spellcheck="false"
>
<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"
>
<div
class="sb-errordisplay_main"
>
<h1
id="error-message"
/>
<p>
The component failed to render properly, likely due to a configuration issue in Storybook.
Here are some common causes and how you can address them:
</p>
<ol>
<li>
<strong>
Missing Context/Providers
</strong>
: You can use decorators to supply specific
contexts or providers, which are sometimes necessary for components to render correctly. For
detailed instructions on using decorators, please visit the
<a
href="https://storybook.js.org/docs/writing-stories/decorators"
>
Decorators d...
at AD (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:318:3362)
at https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:326:235
at Ffe.invoke (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:209:9336)
at Ffe.intercept (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:209:6703)
at Ffe.track (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:209:6435)
at Object.findByRole (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:209:5706)
at play (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/action-menu.stories-C1_tnL3q.js:12:4803)
at async zT.runPhase (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:911:763)
at async zT.render (https://5e1bf4b385e3fb0020b7073c-mcgsjjbdqd.capture-loopback.chromatic.com/assets/iframe-kbTHRwti.js:911:3814)