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

The baseline is taller than the new snapshot (698x510 to 698x470).

Fail

Tooltip.stories.tsx

Unable to find role="tooltip"

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
      aria-live="polite"
      class="sc-irLvIq ScExs"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
    <div
      class="sc-beySPh dYdwlh"
      data-is-hovered=""
      tabindex="0"
    >
      <button
        class="sc-eDLKkx jhFjPS"
        data-is-hovered=""
        data-qa="Button"
        data-size="medium"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Hover to show a tooltip
      </button>
    </div>
  </div>
</div>

View in Storybook

Chrome 105

698x470

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="tooltip"

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
      aria-live="polite"
      class="sc-irLvIq ScExs"
      data-qa="NotificationsBar"
      role="region"
      tabindex="0"
    />
    <div
      class="sc-beySPh dYdwlh"
      data-is-hovered=""
      tabindex="0"
    >
      <button
        class="sc-eDLKkx jhFjPS"
        data-is-hovered=""
        data-qa="Button"
        data-size="medium"
        data-theme="default"
        data-type="secondary"
        type="button"
      >
        Hover to show a tooltip
      </button>
    </div>
  </div>
</div>
    at Object.Wa [as waitFor] (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:157:3360)
    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 waitFor (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/index-DkXnQHFk.js:27:5672)
    at i.play (https://626ee6db91d1c8004a912249-cegcyhlizc.capture-loopback.chromatic.com/assets/Tooltip.stories-C2NVdT3B.js:1:1885)
    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)