DataFrame:Dataframe with dialog interactions

Build 8108 on sort-by-cols
Reviewing disabled
View latest build
Resources requested by the new story could not be loaded. Snapshots may be affected.
ErrorBuild 8108 on sort-by-cols
View Storybook
ErrorBuild 8108 on sort-by-cols
View Storybook
The baseline is taller than the new snapshot (1168x152 to 1168x113).
Fail
Dataframe.stories.svelte
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="button" and name "⋮"

Ignored nodes: comments, script, style
<td
  class="svelte-1d38qoh cell-selected"
  data-col="2"
  data-row="0"
  data-testid="cell-0-2"
  style="width: var(--cell-width-2); left: auto; "
  tabindex="0"
>
  <div
    class="cell-wrap svelte-1d38qoh"
  >
    <input
      aria-disabled="false"
      aria-label="Edit cell"
      class="svelte-1pb4wed"
      role="textbox"
      tabindex="-1"
    />
     
    <span
      class="svelte-1pb4wed text edit"
      data-editable="true"
      placeholder=" "
      role="button"
      style=""
      tabindex="0"
    >
      400
    </span>
     
    <button
      aria-label="Select column"
      class="selection-button selection-button-column move-down svelte-1mp8yw1"
    >
      <span
        class="down svelte-1mp8yw1"
      >
        <svg
          class="svelte-1mp8yw1"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="m16.707 13.293-4-4a1 1 0 0 0-1.414 0l-4 4A1 1 0 0 0 8 15h8a1 1 0 0 0 .707-1.707z"
            data-name="down"
          />
        </svg>
      </span>
    </button>
     
    <button
      aria-label="Select row"
      class="selection-button selection-button-row  svelte-1mp8yw1"
    >
      <span
        class="left svelte-1mp8yw1"
      >
        <svg
          class="svelte-1mp8yw1"
          viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="m16.707 13.293-4-4a1 1 0 0 0-1.414 0l-4 4A1 1 0 0 0 8 15h8a1 1 0 0 0 .707-1.707z"
            data-name="left"
          />
        </svg>
      </span>
    </button>
    
     
    <button
      aria-label="Open cell menu"
      class="cell-menu-button svelte-vt38nd"
    >
      ⋮
    </button>
  </div>
</td>
    at Oa (https://649585a46a67480e3074dc75-mkzzoyglwd.capture-loopback.chromatic.com/assets/dom.esm-DZb3rPbX.js:32:3332)
    at https://649585a46a67480e3074dc75-mkzzoyglwd.capture-loopback.chromatic.com/assets/dom.esm-DZb3rPbX.js:40:236
    at async.canvasElement (https://649585a46a67480e3074dc75-mkzzoyglwd.capture-loopback.chromatic.com/assets/Dataframe.stories-BvHnZp7c.js:8:5658)
    at async pi.runPhase (https://649585a46a67480e3074dc75-mkzzoyglwd.capture-loopback.chromatic.com/sb-preview/runtime.js:8193:94)
    at async pi.render (https://649585a46a67480e3074dc75-mkzzoyglwd.capture-loopback.chromatic.com/sb-preview/runtime.js:8306:14)