Fail
Timed out in waitFor.
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
components-sidebartopbutton--disabled-warning
</title>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<link
as="font"
crossorigin=""
href="./sb-common-assets/nunito-sans-regular.woff2"
rel="prefetch"
type="font/woff2"
/>
<link
as="font"
crossorigin=""
href="./sb-common-assets/nunito-sans-italic.woff2"
rel="prefetch"
type="font/woff2"
/>
<link
as="font"
crossorigin=""
href="./sb-common-assets/nunito-sans-bold.woff2"
rel="prefetch"
type="font/woff2"
/>
<link
as="font"
crossorigin=""
href="./sb-common-assets/nunito-sans-bold-italic.woff2"
rel="prefetch"
type="font/woff2"
/>
<link
href="./sb-common-assets/fonts.css"
rel="stylesheet"
/>
<base
target="_parent"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/entry-preview-7193a8e9.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-4220ee59.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-0e12e474.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/preview-10a5bdfa.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/v4-4a60fe23.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/preview-da31036b.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-356e4a49.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/preview-e75a83bf.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/jsx-runtime-751b279a.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/chunk-WFFRPTHA-cc32cad1.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-44ede612.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/isEqual-7669526b.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-7424b268.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-b47883ae.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-3742f65a.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-8cbad429.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-8272b285.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/AuthContext-0b8ad020.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/modes-ce37ca6c.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/graphQLClient-6ef2d341.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/urql.es-60033cea.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/urql-core-884d6bf2.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/storyWrapper-0efa953b.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/graphql-8b73bc87.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/HttpResponse-dccbce4e.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/SidebarTopButton.stories-46d8b388.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/playAll-498d3438.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/buildSteps-77587831.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/SidebarTopButton-1a6e6d80.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/asset...View in Storybook
Chrome 10532x28
Linux Linux Ubuntu 20.04.4
048523 on ghengeveld/ap-4152-display-chromatic-config-and-suggestion-in-ui-panel
Unable to find an element with the text: You must be logged in to run tests. 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-fullscreen sb-show-main"
style="background: rgb(27, 28, 29); color: rgb(201, 205, 207); font-size: 13px;"
>
<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="css-17fv6jh"
>
<button
aria-label="Visual Tests locked"
class="css-apoimi"
id="button-run-tests"
>
<div
class="css-u71t7w"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.813 7.425l-9.05 5.603A.5.5 0 013 12.603V1.398a.5.5 0 01.763-.425l9.05 5.602a.5.5 0 010 .85z"
fill="currentColor"
/>
</svg>
<div
class="css-1q5ehcp"
/>
</div>
</button>
</div>
</div>
<div
hidden="true"
id="storybook-docs"
/>
</body>
Ignored nodes: comments, script, style
<body
class="sb-main-fullscreen sb-show-main"
style="background: rgb(27, 28, 29); color: rgb(201, 205, 207); font-size: 13px;"
>
<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="css-17fv6jh"
>
<button
aria-label="Visual Tests locked"
class="css-apoimi"
id="button-run-tests"
>
<div
class="css-u71t7w"
>
<svg
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.813 7.425l-9.05 5.603A.5.5 0 013 12.603V1.398a.5.5 0 01.763-.425l9.05 5.602a.5.5 0 010 .85z"
fill="currentColor"
/>
</svg>
<div
class="css-1q5ehcp"
/>
</div>
</button>
</div>
</div>
<div
hidden="true"
id="storybook-docs"
/>
</body>View in StorybookChrome 10532x28
Linux Linux Ubuntu 20.04.4
048523 on ghengeveld/ap-4152-display-chromatic-config-and-suggestion-in-ui-panel
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: Timed out in waitFor.
at Object.Aa [as waitFor] (https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/index-8cbad429.js:167:3345)
at un.invoke (https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/preview-11611d0a.js:27:8713)
at un.intercept (https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/preview-11611d0a.js:27:6354)
at un.track (https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/preview-11611d0a.js:27:6086)
at waitFor (https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/preview-11611d0a.js:27:5459)
at https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/SidebarTopButton.stories-46d8b388.js:1:1375
at async Promise.all (index 0)
at async https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/assets/playAll-498d3438.js:73:1532
at async https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3588
at async StoryRender.runPhase (https://6480e1b0042842f149cfd74c-eywtxnqklq.capture-loopback.chromatic.com/sb-preview/runtime.js:118:912)