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

The baseline is larger than the new snapshot (1200x900 to 706x466).

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;"
  >
    <div
      class="sc-hLQSwg fvonrF"
    >
      <button
        class="sc-eDLKkx jhFjPS"
        data-is-hovered=""
        data-qa="Button"
        data-size="small"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Open modal
      </button>
      <button
        class="sc-eDLKkx jhFjPS"
        data-qa="Button"
        data-size="small"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Click me!
      </button>
    </div>
    <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;"
  >
    <div
      class="sc-hLQSwg fvonrF"
    >
      <button
        class="sc-eDLKkx jhFjPS"
        data-is-hovered=""
        data-qa="Button"
        data-size="small"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Open modal
      </button>
      <button
        class="sc-eDLKkx jhFjPS"
        data-qa="Button"
        data-size="small"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Click me!
      </button>
    </div>
    <div
      aria-live="polite"
      class="sc-irLvIq ScExs"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>

View in Storybook

Chrome 105

706x466

Linux Linux Ubuntu 20.04.4

26a204 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;"
  >
    <div
      class="sc-hLQSwg fvonrF"
    >
      <button
        class="sc-eDLKkx jhFjPS"
        data-is-hovered=""
        data-qa="Button"
        data-size="small"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Open modal
      </button>
      <button
        class="sc-eDLKkx jhFjPS"
        data-qa="Button"
        data-size="small"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Click me!
      </button>
    </div>
    <div
      aria-live="polite"
      class="sc-irLvIq ScExs"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
  </div>
</div>
    at Wa (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:157:3360)
    at https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:165:235
    at Ap.invoke (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:9139)
    at Ap.intercept (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:6668)
    at Ap.track (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:6400)
    at findByRole (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:5672)
    at k.play (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/Dialog.stories-C81LzYgB.js:1:4962)
    at async https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3588
    at async StoryRender.runPhase (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/sb-preview/runtime.js:118:912)
    at async StoryRender.render (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/sb-preview/runtime.js:118:3536)