Reviewing build 18257 • coder/coder

Fail

SelectFilter.stories.tsx

Unable to find an element with the text: Option 25. 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
<div
  aria-hidden="true"
  id="storybook-root"
>
  <div
    style="width: 1200px; height: 800px;"
  >
    <button
      aria-expanded="true"
      aria-haspopup="true"
      aria-owns=":r0:-popover"
      class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-5cfd1b"
      tabindex="0"
      type="button"
    >
      <span
        class="css-why9nc"
      >
        All options
      </span>
      <span
        class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-18x2z0c"
      >
        <svg
          aria-hidden="true"
          aria-label="open-dropdown"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-smlvx3"
          data-testid="KeyboardArrowDownIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
          />
        </svg>
      </span>
    </button>
  </div>
</div>

View in Storybook

Chrome 121

1200x800

Linux Linux Ubuntu 20.04.4

cdfa9e on lilac/amhfhdp

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 an element with the text: Option 25. 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
<div
  aria-hidden="true"
  id="storybook-root"
>
  <div
    style="width: 1200px; height: 800px;"
  >
    <button
      aria-expanded="true"
      aria-haspopup="true"
      aria-owns=":r0:-popover"
      class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-5cfd1b"
      tabindex="0"
      type="button"
    >
      <span
        class="css-why9nc"
      >
        All options
      </span>
      <span
        class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-18x2z0c"
      >
        <svg
          aria-hidden="true"
          aria-label="open-dropdown"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-smlvx3"
          data-testid="KeyboardArrowDownIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
          />
        </svg>
      </span>
    </button>
  </div>
</div>
    at Object.getElementError (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:184:284)
    at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:163
    at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:198:4139
    at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:386
    at r_.invoke (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:8338)
    at r_.track (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:5570)
    at Object.getByText (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:4943)
    at play (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/SelectFilter.stories-tZwG6UOf.js:1:4607)
    at async mn.runPhase (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/sb-preview/runtime.js:5872:94)
    at async mn.render (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/sb-preview/runtime.js:5985:14)