TeamOnboarding:Default

Build 6812 on 23-05-NC-refactor-team-manage-dialog-list
360px
Reviewing disabled
Fail
TeamOnboarding.stories.tsx
Found multiple elements with the role "textbox"

Here are the matching elements:

Ignored nodes: comments, script, style
<input
  aria-invalid="false"
  class="MuiInputBase-input MuiFilledInput-input MuiInputBase-inputHiddenLabel css-r7k7ic"
  id="title"
  name="title"
  type="text"
  value=""
/>

Ignored nodes: comments, script, style
<input
  aria-invalid="false"
  class="MuiInputBase-input MuiFilledInput-input css-2bxn45"
  id="title"
  name="title"
  type="text"
  value=""
/>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body
  class="sb-main-padded 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="root"
  >
    <div
      class="css-1pebt5"
    >
      <div
        class="css-iqupgg"
      >
        <div
          class="MuiBox-root css-1kxgkbi"
        >
          <span
            style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"
          >
            <span
              style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"
            >
              <img
                alt=""
                aria-hidden="true"
                src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2743%27%20height=%2743%27/%3e"
                style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"
              />
            </span>
            <img
              alt="Next Steps"
              data-nimg="intrinsic"
              decoding="async"
              src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
              style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;"
            />
            <noscript />
          </span>
        </div>
        <form
          action="#"
        >
          <div
            class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-ewdjoh"
          >
            <div
              class="MuiCardHeader-root css-1hlxnge"
            >
              <div
                class="MuiCardHeader-content css-11qjisw"
              >
                <span
                  class="MuiTypography-root MuiTypography-h6 MuiCardHeader-title css-19...
View in Storybook
Chrome 105
328x900
Linux Linux Ubuntu 20.04.4
be86e6 on 23-05-NC-refactor-team-manage-dialog-list
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 ./node_modules/@storybook/builder-webpack5/node_modules/@storybook/core-events/dist/esm/index.js (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/891.c3e75cf5.iframe.bundle.js:205:1039832)
    at __webpack_require__ (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/runtime~main.50008d17.iframe.bundle.js:1:381)
    at ./node_modules/@storybook/builder-webpack5/node_modules/@storybook/addons/dist/esm/hooks.js (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/891.c3e75cf5.iframe.bundle.js:205:1006654)
    at __webpack_require__ (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/runtime~main.50008d17.iframe.bundle.js:1:381)
    at ./node_modules/@storybook/react/dist/esm/client/preview/index.js (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/891.c3e75cf5.iframe.bundle.js:205:1598445)
    at __webpack_require__ (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/runtime~main.50008d17.iframe.bundle.js:1:381)
    at ./node_modules/@storybook/react/dist/esm/client/index.js (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/891.c3e75cf5.iframe.bundle.js:205:1568492)
    at __webpack_require__ (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/runtime~main.50008d17.iframe.bundle.js:1:381)
    at ./storybook-init-framework-entry.js (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/main.4440fd50.iframe.bundle.js:2:5597097)
    at __webpack_require__ (https://612c2a83fdc2b2003a5c2eb7-covvdmzeea.capture.chromatic.com/runtime~main.50008d17.iframe.bundle.js:1:381)