Resources requested by the new story could not be loaded. Snapshots may be affected.
The baseline is taller and thinner than the new snapshot (1200x900 to 1208x391).
Fail
Unable to find an element with the text: /v99\.999\.9999/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
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"
>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
useDashboard only can be used inside of DashboardProvider
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
Error: useDashboard only can be used inside of DashboardProvider
at a (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/useDashboard-825547c7.js:1:131)
at ue (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/UserDropdown-6fe7f7fc.js:21:174)
at eu (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:22:19476)
at ka (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:43678)
at ga (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39483)
at Sf (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39414)
at Qr (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39274)
at xi (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:35696)
at wo (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:36497)
at dn (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:22:3258)
</pre>
</div>
<div
hidden="true"
id="storybook-docs"
/>
</body>View in Storybook
Chrome 1211208x391
Linux Linux Ubuntu 20.04.4
c95dbe on org-switcher
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 an element with the text: /v99\.999\.9999/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
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"
>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
useDashboard only can be used inside of DashboardProvider
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
Error: useDashboard only can be used inside of DashboardProvider
at a (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/useDashboard-825547c7.js:1:131)
at ue (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/UserDropdown-6fe7f7fc.js:21:174)
at eu (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:22:19476)
at ka (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:43678)
at ga (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39483)
at Sf (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39414)
at Qr (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39274)
at xi (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:35696)
at wo (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:36497)
at dn (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-064a02ef.js:22:3258)
</pre>
</div>
<div
hidden="true"
id="storybook-docs"
/>
</body>
at Object.zi [as waitFor] (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-396b147d.js:157:3345)
at Of.invoke (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-396b147d.js:27:8762)
at Of.track (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-396b147d.js:27:6101)
at waitFor (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/index-396b147d.js:27:5474)
at https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/UserDropdown.stories-d8ebf348.js:1:3121
at async https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/sb-preview/runtime.js:106:2812
at async play (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/assets/UserDropdown.stories-d8ebf348.js:1:3044)
at async https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3588
at async StoryRender.runPhase (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/sb-preview/runtime.js:118:912)
at async StoryRender.render (https://624de63c6aacee003aa84340-pvxziogklm.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3536)