VisualTests:Toggle Snapshot

Build 1141 on ghengeveld/ap-3737-move-switch-snapshot-and-diff-buttons
Right 2-up
Reviewing disabled
Fail
VisualTests.stories.tsx
Found multiple elements by: [data-testid="button-toggle-snapshot"]

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="css-ae8uxv"
  data-testid="button-toggle-snapshot"
  type="button"
>
  <svg
    class="css-149xqrd"
    height="14px"
    viewBox="0 0 14 14"
    width="14px"
  >
    <path
      d="M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z"
    />
  </svg>
</button>

Ignored nodes: comments, script, style
<button
  class="css-ae8uxv"
  data-testid="button-toggle-snapshot"
  type="button"
>
  <svg
    class="css-149xqrd"
    height="14px"
    viewBox="0 0 14 14"
    width="14px"
  >
    <path
      d="M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z"
    />
  </svg>
</button>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<div
  class="css-vkm43t"
  data-canvas="right"
  orientation="right"
>
  <div
    class="css-1g4yje1"
  >
    <div
      class="css-3fce27"
    >
      <div
        class="css-1qonxdy"
      >
        <div
          class="css-1z0q0sr"
        >
          <div
            class="css-1teve26"
          >
            <div
              class="css-kyu95o"
            >
              <span>
                <b>
                  1 change
                </b>
                <svg
                  class="css-1y2l1rm"
                  height="14px"
                  viewBox="0 0 14 14"
                  width="14px"
                >
                  <path
                    d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z"
                    fill-rule="evenodd"
                  />
                </svg>
              </span>
              <small>
                <span>
                  3 modes
                  , 
                  2 browsers
                </span>
                 • 
                <span
                  title="Fri, 27 Oct 2023 07:44:36 GMT"
                >
                  2 minutes ago
                </span>
              </small>
            </div>
            <div
              class="css-1cu2l22"
            >
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-ae8uxv"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        class="css-6m3b1s-Svg e82dnwa0"
                        height="14px"
                        viewBox="0 0 14 14"
                        width="14px"
                      >
                        <path
                          d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z"
                          fill-rule="evenodd"
                        />
                      </svg>
                      <div
                        class="css-1t7464v"
                      />
                    </div>
                    480px
                    <svg
                      class="css-sx59z7"
                      height="14px"
                      viewBox="0 0 14 14"
                      width="14px"
                    >
                      <path
                        d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z"
                      />
                    </svg>
                  </button>
                </div>
              </div>
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-ae8uxv"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        alt="Chrome"
                        aria-label="Chrome"
                        fill="none"
                        height="16"
                        viewBox="0 0 16 16"
                        width="16"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z"
                          fill="#DB4437"
                        />
                        <path
                          d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z"
                          fill="#0F9D58"
                        />
                        <path
                          d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z"
                          fill="#FFCD40"
                        />
                        <path
                          d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z"
                          fill="url(#paint0_radial_466_21161)"
                        />
                        <path
                          d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z"
                          fill="url(#paint1_radial_466_21161)"
                        />
                        <path
                          d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z"
                          fill="url(#paint2_radial_466_21161)"
                        />
                        <ellipse
                          cx="8.01347"
                          cy="8.00358"
                          fill="#F1F1F1"
                          rx="3.36699"
                          ry="3.36699"
                        />
                        <ellipse
                          cx="8.01367"
                          cy="8.00354"
                          fill="#4285F4"
                          rx="2.69361"
                          ry="2.6936"
                        />
                        <defs>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)"
                            gradientUnits="userSpaceOnUse"
                            id="paint0_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="#3E2723"
                              stop-opacity="0.2"
                            />
                            <stop
                              offset="1"
                              stop-color="#3E2723"
                              stop-opacity="0.01"
                            />
                          </radialgradient>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)"
                            gradientUnits="userSpaceOnUse"
                            id="paint1_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="#3E...

Ignored nodes: comments, script, style
<div
  class="css-vkm43t"
  data-canvas="right"
  orientation="right"
>
  <div
    class="css-1g4yje1"
  >
    <div
      class="css-3fce27"
    >
      <div
        class="css-1qonxdy"
      >
        <div
          class="css-1z0q0sr"
        >
          <div
            class="css-1teve26"
          >
            <div
              class="css-kyu95o"
            >
              <span>
                <b>
                  1 change
                </b>
                <svg
                  class="css-1y2l1rm"
                  height="14px"
                  viewBox="0 0 14 14"
                  width="14px"
                >
                  <path
                    d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z"
                    fill-rule="evenodd"
                  />
                </svg>
              </span>
              <small>
                <span>
                  3 modes
                  , 
                  2 browsers
                </span>
                 • 
                <span
                  title="Fri, 27 Oct 2023 07:44:36 GMT"
                >
                  2 minutes ago
                </span>
              </small>
            </div>
            <div
              class="css-1cu2l22"
            >
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-ae8uxv"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        class="css-6m3b1s-Svg e82dnwa0"
                        height="14px"
                        viewBox="0 0 14 14"
                        width="14px"
                      >
                        <path
                          d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z"
                          fill-rule="evenodd"
                        />
                      </svg>
                      <div
                        class="css-1t7464v"
                      />
                    </div>
                    480px
                    <svg
                      class="css-sx59z7"
                      height="14px"
                      viewBox="0 0 14 14"
                      width="14px"
                    >
                      <path
                        d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z"
                      />
                    </svg>
                  </button>
                </div>
              </div>
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-ae8uxv"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        alt="Chrome"
                        aria-label="Chrome"
                        fill="none"
                        height="16"
                        viewBox="0 0 16 16"
                        width="16"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z"
                          fill="#DB4437"
                        />
                        <path
                          d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z"
                          fill="#0F9D58"
                        />
                        <path
                          d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z"
                          fill="#FFCD40"
                        />
                        <path
                          d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z"
                          fill="url(#paint0_radial_466_21161)"
                        />
                        <path
                          d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z"
                          fill="url(#paint1_radial_466_21161)"
                        />
                        <path
                          d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z"
                          fill="url(#paint2_radial_466_21161)"
                        />
                        <ellipse
                          cx="8.01347"
                          cy="8.00358"
                          fill="#F1F1F1"
                          rx="3.36699"
                          ry="3.36699"
                        />
                        <ellipse
                          cx="8.01367"
                          cy="8.00354"
                          fill="#4285F4"
                          rx="2.69361"
                          ry="2.6936"
                        />
                        <defs>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)"
                            gradientUnits="userSpaceOnUse"
                            id="paint0_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="#3E2723"
                              stop-opacity="0.2"
                            />
                            <stop
                              offset="1"
                              stop-color="#3E2723"
                              stop-opacity="0.01"
                            />
                          </radialgradient>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)"
                            gradientUnits="userSpaceOnUse"
                            id="paint1_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="#3E...
View in Storybook
Chrome 105
960x720
Linux Linux Ubuntu 20.04.4
a6013f on ghengeveld/ap-3737-move-switch-snapshot-and-diff-buttons
Found multiple elements by: [data-testid="button-toggle-snapshot"]

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="css-1wrd8mw"
  data-testid="button-toggle-snapshot"
  type="button"
>
  <svg
    class="css-149xqrd"
    height="14px"
    viewBox="0 0 14 14"
    width="14px"
  >
    <path
      d="M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z"
    />
  </svg>
</button>

Ignored nodes: comments, script, style
<button
  class="css-1wrd8mw"
  data-testid="button-toggle-snapshot"
  type="button"
>
  <svg
    class="css-149xqrd"
    height="14px"
    viewBox="0 0 14 14"
    width="14px"
  >
    <path
      d="M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z"
    />
  </svg>
</button>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<div
  class="css-1e16bq4"
  data-canvas="right"
  orientation="right"
>
  <div
    class="css-1g4yje1"
  >
    <div
      class="css-1sox8p1"
    >
      <div
        class="css-k01oam"
      >
        <div
          class="css-e5jdyv"
        >
          <div
            class="css-1xz1bml"
          >
            <div
              class="css-1o20qqr"
            >
              <span>
                <b>
                  1 change
                </b>
                <svg
                  class="css-1y2l1rm"
                  height="14px"
                  viewBox="0 0 14 14"
                  width="14px"
                >
                  <path
                    d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z"
                    fill-rule="evenodd"
                  />
                </svg>
              </span>
              <small>
                <span>
                  3 modes
                  , 
                  2 browsers
                </span>
                 • 
                <span
                  title="Fri, 27 Oct 2023 07:44:36 GMT"
                >
                  2 minutes ago
                </span>
              </small>
            </div>
            <div
              class="css-1cu2l22"
            >
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-1wrd8mw"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        class="css-6m3b1s-Svg e82dnwa0"
                        height="14px"
                        viewBox="0 0 14 14"
                        width="14px"
                      >
                        <path
                          d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z"
                          fill-rule="evenodd"
                        />
                      </svg>
                      <div
                        class="css-1q5ehcp"
                      />
                    </div>
                    480px
                    <svg
                      class="css-sx59z7"
                      height="14px"
                      viewBox="0 0 14 14"
                      width="14px"
                    >
                      <path
                        d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z"
                      />
                    </svg>
                  </button>
                </div>
              </div>
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-1wrd8mw"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        alt="Chrome"
                        aria-label="Chrome"
                        fill="none"
                        height="16"
                        viewBox="0 0 16 16"
                        width="16"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z"
                          fill="#DB4437"
                        />
                        <path
                          d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z"
                          fill="#0F9D58"
                        />
                        <path
                          d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z"
                          fill="#FFCD40"
                        />
                        <path
                          d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z"
                          fill="url(#paint0_radial_466_21161)"
                        />
                        <path
                          d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z"
                          fill="url(#paint1_radial_466_21161)"
                        />
                        <path
                          d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z"
                          fill="url(#paint2_radial_466_21161)"
                        />
                        <ellipse
                          cx="8.01347"
                          cy="8.00358"
                          fill="#F1F1F1"
                          rx="3.36699"
                          ry="3.36699"
                        />
                        <ellipse
                          cx="8.01367"
                          cy="8.00354"
                          fill="#4285F4"
                          rx="2.69361"
                          ry="2.6936"
                        />
                        <defs>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)"
                            gradientUnits="userSpaceOnUse"
                            id="paint0_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="#3E2723"
                              stop-opacity="0.2"
                            />
                            <stop
                              offset="1"
                              stop-color="#3E2723"
                              stop-opacity="0.01"
                            />
                          </radialgradient>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)"
                            gradientUnits="userSpaceOnUse"
                            id="paint1_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="...

Ignored nodes: comments, script, style
<div
  class="css-1e16bq4"
  data-canvas="right"
  orientation="right"
>
  <div
    class="css-1g4yje1"
  >
    <div
      class="css-1sox8p1"
    >
      <div
        class="css-k01oam"
      >
        <div
          class="css-e5jdyv"
        >
          <div
            class="css-1xz1bml"
          >
            <div
              class="css-1o20qqr"
            >
              <span>
                <b>
                  1 change
                </b>
                <svg
                  class="css-1y2l1rm"
                  height="14px"
                  viewBox="0 0 14 14"
                  width="14px"
                >
                  <path
                    d="M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z"
                    fill-rule="evenodd"
                  />
                </svg>
              </span>
              <small>
                <span>
                  3 modes
                  , 
                  2 browsers
                </span>
                 • 
                <span
                  title="Fri, 27 Oct 2023 07:44:36 GMT"
                >
                  2 minutes ago
                </span>
              </small>
            </div>
            <div
              class="css-1cu2l22"
            >
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-1wrd8mw"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        class="css-6m3b1s-Svg e82dnwa0"
                        height="14px"
                        viewBox="0 0 14 14"
                        width="14px"
                      >
                        <path
                          d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z"
                          fill-rule="evenodd"
                        />
                      </svg>
                      <div
                        class="css-1q5ehcp"
                      />
                    </div>
                    480px
                    <svg
                      class="css-sx59z7"
                      height="14px"
                      viewBox="0 0 14 14"
                      width="14px"
                    >
                      <path
                        d="m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z"
                      />
                    </svg>
                  </button>
                </div>
              </div>
              <div
                class="css-17fv6jh"
              >
                <div
                  class="css-c3junj"
                >
                  <button
                    class="css-1wrd8mw"
                    type="button"
                  >
                    <div
                      class="css-u71t7w"
                    >
                      <svg
                        alt="Chrome"
                        aria-label="Chrome"
                        fill="none"
                        height="16"
                        viewBox="0 0 16 16"
                        width="16"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z"
                          fill="#DB4437"
                        />
                        <path
                          d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z"
                          fill="#0F9D58"
                        />
                        <path
                          d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z"
                          fill="#FFCD40"
                        />
                        <path
                          d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z"
                          fill="url(#paint0_radial_466_21161)"
                        />
                        <path
                          d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z"
                          fill="url(#paint1_radial_466_21161)"
                        />
                        <path
                          d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z"
                          fill="url(#paint2_radial_466_21161)"
                        />
                        <ellipse
                          cx="8.01347"
                          cy="8.00358"
                          fill="#F1F1F1"
                          rx="3.36699"
                          ry="3.36699"
                        />
                        <ellipse
                          cx="8.01367"
                          cy="8.00354"
                          fill="#4285F4"
                          rx="2.69361"
                          ry="2.6936"
                        />
                        <defs>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)"
                            gradientUnits="userSpaceOnUse"
                            id="paint0_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="#3E2723"
                              stop-opacity="0.2"
                            />
                            <stop
                              offset="1"
                              stop-color="#3E2723"
                              stop-opacity="0.01"
                            />
                          </radialgradient>
                          <radialgradient
                            cx="0"
                            cy="0"
                            gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)"
                            gradientUnits="userSpaceOnUse"
                            id="paint1_radial_466_21161"
                            r="1"
                          >
                            <stop
                              stop-color="...
View in Storybook
Chrome 105
960x720
Linux Linux Ubuntu 20.04.4
a6013f on ghengeveld/ap-3737-move-switch-snapshot-and-diff-buttons
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-lgghgofsnr.capture-loopback.chromatic.com/sb-preview/runtime.js:4:93306