Reviewing build 15215 • coder/coder

The baseline is taller and thinner than the new snapshot (1200x900 to 1208x391).

Fail

UserDropdown.stories.tsx

Unable to find an accessible element with the role "button"

Here are the accessible roles:

  heading:

  Name "Unexpected Application Error!":
  <h2 />

  --------------------------------------------------heading:

  Name "useDashboard only can be used inside of DashboardProvider":
  <h3
    style="font-style: italic;"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <h2>
    Unexpected Application Error!
  </h2>
  <h3
    style="font-style: italic;"
  >
    useDashboard only can be used inside of DashboardProvider
  </h3>
  <pre
    style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
  >
    Error: useDashboard only can be used inside of DashboardProvider
    at a (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/useDashboard-825547c7.js:1:131)
    at Ve (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/UserDropdown-a82ab035.js:37:380)
    at eu (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:22:19476)
    at ka (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:43678)
    at ga (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39483)
    at Sf (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39414)
    at Qr (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39274)
    at xi (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:35696)
    at ma (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:34652)
    at E (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:9:1562)
  </pre>
</div>

View in Storybook

Chrome 121

1208x391

Linux Linux Ubuntu 20.04.4

063f39 on org-switcher

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 accessible element with the role "button"

Here are the accessible roles:

  heading:

  Name "Unexpected Application Error!":
  <h2 />

  --------------------------------------------------heading:

  Name "useDashboard only can be used inside of DashboardProvider":
  <h3
    style="font-style: italic;"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <h2>
    Unexpected Application Error!
  </h2>
  <h3
    style="font-style: italic;"
  >
    useDashboard only can be used inside of DashboardProvider
  </h3>
  <pre
    style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
  >
    Error: useDashboard only can be used inside of DashboardProvider
    at a (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/useDashboard-825547c7.js:1:131)
    at Ve (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/UserDropdown-a82ab035.js:37:380)
    at eu (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:22:19476)
    at ka (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:43678)
    at ga (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39483)
    at Sf (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39414)
    at Qr (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:39274)
    at xi (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:35696)
    at ma (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:24:34652)
    at E (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-064a02ef.js:9:1562)
  </pre>
</div>
    at Object.getElementError (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:143:284)
    at https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:165:164
    at https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:157:4148
    at https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:165:387
    at Of.invoke (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:27:8762)
    at Of.track (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:27:6101)
    at Object.getByRole (https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:27:5474)
    at https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/UserDropdown.stories-ff5fece1.js:1:3094
    at https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/sb-preview/runtime.js:106:2924
    at https://624de63c6aacee003aa84340-pbpwmaqhzm.capture-loopback.chromatic.com/assets/index-396b147d.js:27:8682