Editor:Social Preview

Build 8329 on 23-06-TN-feat-card-library
360px
Reviewing disabled
Resources requested by the new story could not be loaded. Snapshots may be affected.
Fail
Editor.stories.tsx
Unable to find an element with the text: Social Share Preview. 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"
>
  <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"
  >
    <header
      class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorDefault MuiAppBar-positionSticky css-2qmhe1"
    >
      <div
        class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-dense css-hmvyat"
      >
        <a
          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-edgeStart MuiIconButton-sizeSmall css-1i0zoe1"
          href="/journeys/nua-journey-ep-3-decision"
          tabindex="0"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
            data-testid="ChevronLeftIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              clip-rule="evenodd"
              d="M 7.393 12.707 a 1 1 0 0 1 0 -1.414 l 4.8 -4.8 a 1 1 0 1 1 1.414 1.414 L 9.514 12 l 4.093 4.093 a 1 1 0 0 1 -1.414 1.414 l -4.8 -4.8 Z"
              fill-rule="evenodd"
            />
          </svg>
          <span
            class="MuiTouchRipple-root css-w0pj6f"
          />
        </a>
        <div
          class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-noWrap css-hhubed"
        >
          NUA Journey: Ep.3 – Decision
        </div>
        <a
          class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorDefault MuiChip-clickable MuiChip-clickableColorDefault MuiChip-outlinedDefault css-1kavh76"
          href="/api/preview?slug=nua-journey-ep-3-decision"
          tabindex="0"
          target="_blank"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-icon MuiChip-iconMedium MuiChip-iconColorDefault css-vubbuv"
            data-testid="EyeOpenIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              clip-rule="evenodd"
              d="M3.472 12.103c.065-.162.158-.38.283-.634.294-.6.757-1.398 1.428-2.193C6...
View in Storybook
Chrome 105
360x900
Linux Linux Ubuntu 20.04.4
2293d4 on 23-06-TN-feat-card-library
Caught exception in play function

This story threw an error after it finished rendering which means interactions may not have been executed fully.

Error: ignoredException
    at https://612c2a83fdc2b2003a5c2eb7-hfjpagdznc.capture-loopback.chromatic.com/sb-preview/runtime.js:4:93306