Fail
expect(received).toBe(expected) // Object.is equalityView in Storybook
- Expected - 0
+ Received + 600
+ <body
+ class="sb-main-centered 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"
+ >
+ <div
+ class="sc-bjfHbI iBQTGB root"
+ id="jenga-ui-kit-root"
+ style="--jenga-dynamic-viewport-height:900px;"
+ >
<button
class="sc-eDvSVe goFVFn"
data-is-hovered=""
data-qa="Button"
data-theme="default"
data-type="primary"
type="button"
>
Click me!
</button>
+ <div
+ aria-live="polite"
+ class="sc-kDvujY iHrekz"
+ data-qa="NotificationsBar"
+ role="region"
+ tabindex="0"
+ />
+ <div
+ class="sc-ipEyDJ PxiZW"
+ data-qa="Underlay"
+ />
+ <div
+ class="sc-csuSiG gBgJpK"
+ data-qa="ModalWrapper"
+ data-type="modal"
+ >
+ <div
+ class="sc-eDWCr cTCcHp"
+ data-is-exited=""
+ data-ismodal="false"
+ data-qa="Modal"
+ data-type="modal"
+ >
+ <div
+ data-focus-guard="true"
+ style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+ tabindex="-1"
+ />
+ <div
+ class="sc-fnGiBr ivrsTB"
+ data-focus-lock-disabled="disabled"
+ >
+ <section
+ aria-labelledby="react-aria2648124222-2"
+ class="sc-hBxehG iCsBxI"
+ data-id="Dialog"
+ data-is-dismissable=""
+ data-qa="Dialog"
+ data-size="small"
+ data-type="modal"
+ role="dialog"
+ style="--dialog-size:360px;"
+ tabindex="-1"
+ >
+ <button
+ aria-label="Dismiss"
+ class="sc-eDvSVe fCYHVI"
+ data-is-single-icon-only=""
+ data-qa="ModalCloseButton"
+ data-theme="default"
+ data-type="neutral"
+ type="button"
+ >
+ <svg
+ fill="none"
+ height="1rem"
+ stroke-width="2"
+ viewBox="0 0 32 32"
+ width="1rem"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M24 8 8 24M24 24 8 8"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ </svg>
+ </button>
+ <header
+ class="sc-ksBlkl fYkwbr"
+ data-qa="Header"
+ >
+ <h1
+ class="sc-dkrFOg dwOwmn"
+ data-level="1"
+ data-qa="Title"
+ id="react-aria2648124222-2"
+ >
+ Modal title
+ </h1>
+ <span
+ class="sc-gswNZR jkWyoV"
+ data-qa="Text"
+ >
+ Header
+ </span>
+ </header>
+ <section
+ class="sc-bqWxrE rSaPm"
+ data-qa="Content"
+ >
+ <p
+ class="sc-gswNZR kfnoyX"
+ data-qa="Paragraph"
+ >
+ Test content
+ </p>
+ <p
+ class="sc-gswNZR kfnoyX"
+ data-qa="Paragraph"
+ >
+ Test content
+ </p>
+ </section>
+ <div
+ class="sc-fEXmlR nvRmM"
+ data-id="Footer"
+ data-qa="Footer"
+ >
+ <div
+ class="sc-hLBbgP kmEYfl"
+ data-qa="ButtonGroup"
+ >
+ <button
+ class="sc-eDvSVe goFVFn"
+ data-qa="Button"
+ data-theme="default"
+ data-type="primary"
+ type="button"
+ >
+ Action
+ </button>
+ <button
+ class="sc-eDvSVe goFVFn"
+ data-qa="Button"
+ data-theme="default"
+ data-type="primary"
+ type="button"
+ >
+ Sec
+ </button>
+ <button
+ class="sc-eDvSVe goFVFn"
+ data-qa="Button"
+ data-theme="default"
+ data-type="primary"
+ type="button"
+ >
+ Cancel
+ </button>
+ </div>
+ <span
+ class="sc-gswNZR jkWyoV"
+ data-qa="Text"
+ >
+ Footer
+ </span>
+ </div>
+ </section>
+ </div>
+ <div
+ data-focus-guard="true"
+ style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+ tabindex="-1"
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+ <div
+ hidden="true"
+ id="storybook-docs"
+ />
+
+
+
+
+
+
+ </body>
Chrome 1051200x900
Linux Linux Ubuntu 20.04.4
2d101e on fix6
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: ignoredException
at https://6465319ca051fdc245a80216-cimrzrpwhd.capture.chromatic.com/sb-preview/runtime.js:4:91104