Fail
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 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: 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> at Yl (https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/assets/playAll-cc383bb9.js:42:3387) at https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/assets/playAll-cc383bb9.js:50:236 at mn.invoke (https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/assets/preview-491c2890.js:27:9090) at mn.track (https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/assets/preview-491c2890.js:27:6385) at Object.findAllByText (https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/assets/preview-491c2890.js:27:5657) at https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/assets/SidebarTopButton.stories-95541a10.js:1:1366 at async Promise.all (index 0) at async https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/assets/playAll-cc383bb9.js:73:1532 at async https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3588 at async StoryRender.runPhase (https://6480e1b0042842f149cfd74c-eqsiyzzlem.capture-loopback.chromatic.com/sb-preview/runtime.js:118:912)