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

The baseline is larger than the new snapshot (1200x900 to 648x470).

Fail

Dialog.stories.tsx

Unable to find role="dialog"

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="sc-ifyrAs bxYbUy root"
    data-font-display="auto"
    id="cube-ui-kit-root"
    style="--cube-dynamic-viewport-height:900px;"
  >
    <button
      class="sc-eDLKkx jhFjPS"
      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-irLvIq ScExs"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="sc-ifyrAs bxYbUy root"
    data-font-display="auto"
    id="cube-ui-kit-root"
    style="--cube-dynamic-viewport-height:900px;"
  >
    <button
      class="sc-eDLKkx jhFjPS"
      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-irLvIq ScExs"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>

View in Storybook

Chrome 105

648x470

Linux Linux Ubuntu 20.04.4

7673b0 on react-18-support

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 bxYbUy root"
    data-font-display="auto"
    id="cube-ui-kit-root"
    style="--cube-dynamic-viewport-height:900px;"
  >
    <button
      class="sc-eDLKkx jhFjPS"
      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-irLvIq ScExs"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>
    at Wa (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:157:3360)
    at https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:165:235
    at Ap.invoke (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:9139)
    at Ap.intercept (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:6668)
    at Ap.track (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:6400)
    at findByRole (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:5672)
    at s.play (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/assets/Dialog.stories-C81LzYgB.js:1:1939)
    at async https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3588
    at async StoryRender.runPhase (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/sb-preview/runtime.js:118:912)
    at async StoryRender.render (https://626ee6db91d1c8004a912249-zyapbvjgrp.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3536)