TestProviderRender:Enable Editing

Build 15669 on testing-module-settings
1200px
Reviewing disabled
View latest build
chromechrome
Build 15669 on testing-module-settings
View Storybook
ErrorBuild 15669 on testing-module-settings
View Storybook
The baseline is smaller than the new snapshot (1168x124 to 1200x170).
edgeedge
The baseline is smaller than the new snapshot (1168x124 to 1200x170).
firefoxfirefox
The baseline is smaller than the new snapshot (1168x124 to 1200x170).
Fail
TestProviderRender.stories.tsx
Unable to find a label with the text of: Edit

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-uo7yyi"
  >
    <div
      class="css-j7qwjs"
    >
      <div
        class="css-1u96szo"
      >
        <div
          class="css-1g0drmq"
        >
          <div
            class="css-gi18t0"
            id="testing-module-title"
          >
            Run local tests
          </div>
          <div
            class="css-6c3wwi"
            id="testing-module-description"
          >
            Not run
          </div>
        </div>
        <div
          class="css-ffmerx"
        >
          <button
            aria-label="Open settings for Test Provider"
            class="css-18rvurk"
          >
            <svg
              fill="none"
              height="14"
              viewBox="0 0 14 14"
              width="14"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M13.854 2.146l-2-2a.5.5 0 00-.708 0l-1.5 1.5-8.995 8.995a.499.499 0 00-.143.268L.012 13.39a.495.495 0 00.135.463.5.5 0 00.462.134l2.482-.496a.495.495 0 00.267-.143l8.995-8.995 1.5-1.5a.5.5 0 000-.708zM12 3.293l.793-.793L11.5 1.207 10.707 2 12 3.293zm-2-.586L1.707 11 3 12.293 11.293 4 10 2.707zM1.137 12.863l.17-.849.679.679-.849.17z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <button
            aria-label="Enable watch mode for Test Provider"
            class="css-18rvurk"
          >
            <svg
              fill="none"
              height="14"
              viewBox="0 0 14 14"
              width="14"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M7 9.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
                fill="currentColor"
              />
              <path
                clip-rule="evenodd"
                d="M14 7l-.21.293C13.669 7.465 10.739 11.5 7 11.5S.332 7.465.21 7.293L0 7l.21-.293C.331 6.536 3.261 2.5 7 2.5s6.668 4.036 6.79 4.207L14 7zM2.896 5.302A12.725 12.725 0 001.245 7c.296.37.874 1.04 1.65 1.698C4.043 9.67 5.482 10.5 7 10.5c1.518 0 2.958-.83 4.104-1.802A12.72 12.72 0 0012.755 7c-.297-.37-.875-1.04-1.65-1.698C9.957 4.33 8.517 3.5 7 3.5c-1.519 0-2.958.83-4.104 1.802z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <button
            aria-label="Start Test Provider"
            class="css-18rvurk"
          >
            <svg
              fill="none"
              height="14"
              viewBox="0 0 14 14"
              width="14"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M4.2 10.88L10.668 7 4.2 3.12v7.76zM3 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L4.212 1.727A.8.8 0 003 2.413z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </button>
        </div>
      </div>
      <div
        class="css-wlea3r"
      >
        <div
          class="css-ao253v"
        >
          <span
            class="css-1qv8too"
          >
            <div
              class="css-1aw4mgn"
            />
          </span>
          <span
            class="css-1ogrwtq"
          >
            <span
              class="css-1916x2s"
            >
              Component tests
            </span>
          </span>
        </div>
        <div
          class="css-ao253v"
        >
          <span
            class="css-1qv8too"
          >
            <div
              class="css-1d01qsa"
            />
          </span>
          <span
            class="css-1ogrwtq"
          >
            <span
              class="css-1916x2s"
            >
              Coverage
            </span>
          </span>
          <span
            class="css-iliwt1"
          >
            60%
          </span>
        </div>
        <div
          class="css-ao253v"
        >
          <span
            class="css-1qv8too"
          >
            <div
              class="css-1ltppnh"
            />
          </span>
          <span
            class="css-1ogrwtq"
          >
            <span
              class="css-1916x2s"
            >
              Accessibility
            </span>
          </span>
          <span
            class="css-iliwt1"
          >
            73
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
View in Storybook
Chrome 121
1200x170
Linux Linux Ubuntu 20.04.4
c4071c on testing-module-settings
Caught exception in play function

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

TestingLibraryElementError: Unable to find a label with the text of: Edit

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-uo7yyi"
  >
    <div
      class="css-j7qwjs"
    >
      <div
        class="css-1u96szo"
      >
        <div
          class="css-1g0drmq"
        >
          <div
            class="css-gi18t0"
            id="testing-module-title"
          >
            Run local tests
          </div>
          <div
            class="css-6c3wwi"
            id="testing-module-description"
          >
            Not run
          </div>
        </div>
        <div
          class="css-ffmerx"
        >
          <button
            aria-label="Open settings for Test Provider"
            class="css-18rvurk"
          >
            <svg
              fill="none"
              height="14"
              viewBox="0 0 14 14"
              width="14"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M13.854 2.146l-2-2a.5.5 0 00-.708 0l-1.5 1.5-8.995 8.995a.499.499 0 00-.143.268L.012 13.39a.495.495 0 00.135.463.5.5 0 00.462.134l2.482-.496a.495.495 0 00.267-.143l8.995-8.995 1.5-1.5a.5.5 0 000-.708zM12 3.293l.793-.793L11.5 1.207 10.707 2 12 3.293zm-2-.586L1.707 11 3 12.293 11.293 4 10 2.707zM1.137 12.863l.17-.849.679.679-.849.17z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <button
            aria-label="Enable watch mode for Test Provider"
            class="css-18rvurk"
          >
            <svg
              fill="none"
              height="14"
              viewBox="0 0 14 14"
              width="14"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M7 9.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
                fill="currentColor"
              />
              <path
                clip-rule="evenodd"
                d="M14 7l-.21.293C13.669 7.465 10.739 11.5 7 11.5S.332 7.465.21 7.293L0 7l.21-.293C.331 6.536 3.261 2.5 7 2.5s6.668 4.036 6.79 4.207L14 7zM2.896 5.302A12.725 12.725 0 001.245 7c.296.37.874 1.04 1.65 1.698C4.043 9.67 5.482 10.5 7 10.5c1.518 0 2.958-.83 4.104-1.802A12.72 12.72 0 0012.755 7c-.297-.37-.875-1.04-1.65-1.698C9.957 4.33 8.517 3.5 7 3.5c-1.519 0-2.958.83-4.104 1.802z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <button
            aria-label="Start Test Provider"
            class="css-18rvurk"
          >
            <svg
              fill="none"
              height="14"
              viewBox="0 0 14 14"
              width="14"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M4.2 10.88L10.668 7 4.2 3.12v7.76zM3 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L4.212 1.727A.8.8 0 003 2.413z"
                fill="currentColor"
                fill-rule="evenodd"
              />
            </svg>
          </button>
        </div>
      </div>
      <div
        class="css-wlea3r"
      >
        <div
          class="css-ao253v"
        >
          <span
            class="css-1qv8too"
          >
            <div
              class="css-1aw4mgn"
            />
          </span>
          <span
            class="css-1ogrwtq"
          >
            <span
              class="css-1916x2s"
            >
              Component tests
            </span>
          </span>
        </div>
        <div
          class="css-ao253v"
        >
          <span
            class="css-1qv8too"
          >
            <div
              class="css-1d01qsa"
            />
          </span>
          <span
            class="css-1ogrwtq"
          >
            <span
              class="css-1916x2s"
            >
              Coverage
            </span>
          </span>
          <span
            class="css-iliwt1"
          >
            60%
          </span>
        </div>
        <div
          class="css-ao253v"
        >
          <span
            class="css-1qv8too"
          >
            <div
              class="css-1ltppnh"
            />
          </span>
          <span
            class="css-1ogrwtq"
          >
            <span
              class="css-1916x2s"
            >
              Accessibility
            </span>
          </span>
          <span
            class="css-iliwt1"
          >
            73
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
    at Object.getElementError (https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/index-ee31b4a8.js:137:284)
    at xt (https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/index-ee31b4a8.js:161:231)
    at https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/index-ee31b4a8.js:151:4154
    at https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/index-ee31b4a8.js:159:386
    at Rl.invoke (https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/index-28297db0.js:48:8791)
    at Rl.track (https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/index-28297db0.js:48:5925)
    at Object.getByLabelText (https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/index-28297db0.js:48:5198)
    at play (https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/assets/TestProviderRender.stories-f9589067.js:32:2186)
    at https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/sb-preview/runtime.js:5985:60
    at mn.runPhase (https://635781f3500dd2c49e189caf-kexzoljxbz.capture-loopback.chromatic.com/sb-preview/runtime.js:5872:100)