Onboarding:Running First Test

Build 1281 on matt/ap-3586-product-tour-of-vt-features
Bottom 2-up
Reviewing disabled
Fail
Onboarding.stories.tsx
Unable to find role="button" and name "Run visual tests"

Ignored nodes: comments, script, style
<div
  class="css-6yv6gr"
  data-canvas="bottom"
  orientation="bottom"
>
  <button
    style="position: absolute; right: 0px; bottom: 0px;"
    type="button"
  >
    Change Git
  </button>
  <div
    class="css-mhl5t4"
  >
    <div
      class="css-1pjqexw"
    >
      <div>
        <h1
          class="css-rpn2xa"
        >
          Nice. You saved your stories as a test baseline.
        </h1>
        <p
          class="css-lpn1mp"
        >
          This story was indexed and snapshotted in a standardized cloud browser.
        </p>
        <img
          alt="Snapshot Preview"
          src="/Snapshot-Preview.png"
        />
        <p
          class="css-lpn1mp"
        >
          Let’s see the superpower of catching visual changes.
        </p>
        <button
          class="css-tr0tgk"
        >
          Catch a UI change
        </button>
      </div>
      <button
        class="css-1wegilg"
      >
        Skip walkthrough
      </button>
    </div>
  </div>
</div>

Ignored nodes: comments, script, style
<div
  class="css-6yv6gr"
  data-canvas="bottom"
  orientation="bottom"
>
  <button
    style="position: absolute; right: 0px; bottom: 0px;"
    type="button"
  >
    Change Git
  </button>
  <div
    class="css-mhl5t4"
  >
    <div
      class="css-1pjqexw"
    >
      <div>
        <h1
          class="css-rpn2xa"
        >
          Nice. You saved your stories as a test baseline.
        </h1>
        <p
          class="css-lpn1mp"
        >
          This story was indexed and snapshotted in a standardized cloud browser.
        </p>
        <img
          alt="Snapshot Preview"
          src="/Snapshot-Preview.png"
        />
        <p
          class="css-lpn1mp"
        >
          Let’s see the superpower of catching visual changes.
        </p>
        <button
          class="css-tr0tgk"
        >
          Catch a UI change
        </button>
      </div>
      <button
        class="css-1wegilg"
      >
        Skip walkthrough
      </button>
    </div>
  </div>
</div>
View in Storybook
Chrome 105
960x720
Linux Linux Ubuntu 20.04.4
efda7d on matt/ap-3586-product-tour-of-vt-features
Unable to find role="button" and name "Run visual tests"

Ignored nodes: comments, script, style
<div
  class="css-1fcd2ci"
  data-canvas="bottom"
  orientation="bottom"
>
  <button
    style="position: absolute; right: 0px; bottom: 0px;"
    type="button"
  >
    Change Git
  </button>
  <div
    class="css-ggfeq3"
  >
    <div
      class="css-1pjqexw"
    >
      <div>
        <h1
          class="css-rpn2xa"
        >
          Nice. You saved your stories as a test baseline.
        </h1>
        <p
          class="css-lpn1mp"
        >
          This story was indexed and snapshotted in a standardized cloud browser.
        </p>
        <img
          alt="Snapshot Preview"
          loading="eager"
          src="/Snapshot-Preview.png"
        />
        <p
          class="css-lpn1mp"
        >
          Let’s see the superpower of catching visual changes.
        </p>
        <button
          class="css-tr0tgk"
        >
          Catch a UI change
        </button>
      </div>
      <button
        class="css-1lm8t0g"
      >
        Skip walkthrough
      </button>
    </div>
  </div>
</div>

Ignored nodes: comments, script, style
<div
  class="css-1fcd2ci"
  data-canvas="bottom"
  orientation="bottom"
>
  <button
    style="position: absolute; right: 0px; bottom: 0px;"
    type="button"
  >
    Change Git
  </button>
  <div
    class="css-ggfeq3"
  >
    <div
      class="css-1pjqexw"
    >
      <div>
        <h1
          class="css-rpn2xa"
        >
          Nice. You saved your stories as a test baseline.
        </h1>
        <p
          class="css-lpn1mp"
        >
          This story was indexed and snapshotted in a standardized cloud browser.
        </p>
        <img
          alt="Snapshot Preview"
          loading="eager"
          src="/Snapshot-Preview.png"
        />
        <p
          class="css-lpn1mp"
        >
          Let’s see the superpower of catching visual changes.
        </p>
        <button
          class="css-tr0tgk"
        >
          Catch a UI change
        </button>
      </div>
      <button
        class="css-1lm8t0g"
      >
        Skip walkthrough
      </button>
    </div>
  </div>
</div>
View in Storybook
Chrome 105
960x720
Linux Linux Ubuntu 20.04.4
efda7d on matt/ap-3586-product-tour-of-vt-features
Caught exception in play function

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

Error: ignoredException
    at https://6480e1b0042842f149cfd74c-dozouuejob.capture-loopback.chromatic.com/sb-preview/runtime.js:4:93306