Reviewing build 1447 • cube-js/cube-ui-kit

The baseline is wider than the new snapshot (782x470 to 645x470).

Fail

Dialog.stories.tsx

Unable to find role="dialog"

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="sc-ifyrAs bxZfOT root"
    data-font-display="auto"
    id="cube-ui-kit-root"
    style="--cube-dynamic-viewport-height: 100dvh;"
  >
    <button
      aria-expanded="false"
      class="sc-jTQCzO gFTRNQ"
      data-is-hovered=""
      data-qa="Button"
      data-size="medium"
      data-theme="default"
      data-type="secondary"
      type="button"
    >
      Click me!
    </button>
    <div
      aria-live="polite"
      class="sc-csKJxZ kpxoqx"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="sc-ifyrAs bxZfOT root"
    data-font-display="auto"
    id="cube-ui-kit-root"
    style="--cube-dynamic-viewport-height: 100dvh;"
  >
    <button
      aria-expanded="false"
      class="sc-jTQCzO gFTRNQ"
      data-is-hovered=""
      data-qa="Button"
      data-size="medium"
      data-theme="default"
      data-type="secondary"
      type="button"
    >
      Click me!
    </button>
    <div
      aria-live="polite"
      class="sc-csKJxZ kpxoqx"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>

View in Storybook

Chrome 121

645x470

Linux Ubuntu 24.04.4

583cc9 on update-react-aria

Caught exception in play function

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

Error: Unable to find role="dialog"

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="sc-ifyrAs bxZfOT root"
    data-font-display="auto"
    id="cube-ui-kit-root"
    style="--cube-dynamic-viewport-height: 100dvh;"
  >
    <button
      aria-expanded="false"
      class="sc-jTQCzO gFTRNQ"
      data-is-hovered=""
      data-qa="Button"
      data-size="medium"
      data-theme="default"
      data-type="secondary"
      type="button"
    >
      Click me!
    </button>
    <div
      aria-live="polite"
      class="sc-csKJxZ kpxoqx"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>
    at Wa (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/assets/index-CgGuzw2R.js:157:3360)
    at https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/assets/index-CgGuzw2R.js:165:235
    at Pp.invoke (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/assets/index-CgGuzw2R.js:27:9139)
    at Pp.intercept (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/assets/index-CgGuzw2R.js:27:6668)
    at Pp.track (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/assets/index-CgGuzw2R.js:27:6400)
    at findByRole (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/assets/index-CgGuzw2R.js:27:5672)
    at s.play (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/assets/Dialog.stories-CbtoW3H5.js:1:2517)
    at async https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3588
    at async StoryRender.runPhase (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/sb-preview/runtime.js:118:912)
    at async StoryRender.render (https://626ee6db91d1c8004a912249-yqzrwnwsca.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3536)