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 105
32x28
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(255, 255, 255); color: rgb(46, 52, 56); 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-1vw3014" 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-1t7464v" /> </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(255, 255, 255); color: rgb(46, 52, 56); 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-1vw3014" 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-1t7464v" /> </div> </button> </div> </div> <div hidden="true" id="storybook-docs" /> </body>View in Storybook
Chrome 105
32x28
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)