Fail
Unable to find role="button" and name "Batch accept"
Ignored nodes: comments, script, style
<div
class="css-6yv6gr"
data-canvas="bottom"
orientation="bottom"
>
<div
class="css-1vsz5o6"
>
<div
class="css-jhv0gj"
>
<div
class="css-11zsu3t"
>
<b>
Latest
<span>
snapshot
</span>
</b>
</div>
</div>
<div
class="css-188u5gp"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Show baseline snapshot"
class="css-1nc8o76"
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>
Switch
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Show spotlight"
class="css-1nc8o76"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Hide diff"
class="css-5w2mq0"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<div
class="css-17t67ho"
>
<div
class="css-1xhj18k"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Accept this story"
class="css-im2ojr"
type="button"
>
Accept
</button>
</div>
<div
class="css-17fv6jh"
>
<div
class="css-c3junj"
>
<button
aria-label="Batch accept options"
class="css-c5qgyi"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Run new build"
class="css-87hblx"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div
class="css-6yv6gr"
data-canvas="bottom"
orientation="bottom"
>
<div
class="css-1vsz5o6"
>
<div
class="css-jhv0gj"
>
<div
class="css-11zsu3t"
>
<b>
Latest
<span>
snapshot
</span>
</b>
</div>
</div>
<div
class="css-188u5gp"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Show baseline snapshot"
class="css-1nc8o76"
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>
Switch
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Show spotlight"
class="css-1nc8o76"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Hide diff"
class="css-5w2mq0"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<div
class="css-17t67ho"
>
<div
class="css-1xhj18k"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Accept this story"
class="css-im2ojr"
type="button"
>
Accept
</button>
</div>
<div
class="css-17fv6jh"
>
<div
class="css-c3junj"
>
<button
aria-label="Batch accept options"
class="css-c5qgyi"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Run new build"
class="css-87hblx"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z"
/>
</svg>
</button>
</div>
</div>
</div>
</div>View in Storybook
Chrome 105960x720
Linux Linux Ubuntu 20.04.4
6f1e7e on ghengeveld/ap-3737-move-switch-snapshot-and-diff-buttons
Unable to find role="button" and name "Batch accept"
Ignored nodes: comments, script, style
<div
class="css-1fcd2ci"
data-canvas="bottom"
orientation="bottom"
>
<div
class="css-1x5h242"
>
<div
class="css-2ajl25"
>
<div
class="css-9bfrsr"
>
<b>
Latest
<span>
snapshot
</span>
</b>
</div>
</div>
<div
class="css-188u5gp"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Show baseline snapshot"
class="css-1uhf3xi"
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>
Switch
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Show spotlight"
class="css-1uhf3xi"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Hide diff"
class="css-w6etqe"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<div
class="css-nrne5d"
>
<div
class="css-1xhj18k"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Accept this story"
class="css-1w9jm6s"
type="button"
>
Accept
</button>
</div>
<div
class="css-17fv6jh"
>
<div
class="css-c3junj"
>
<button
aria-label="Batch accept options"
class="css-r66duc"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Run new build"
class="css-f00yh5"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div
class="css-1fcd2ci"
data-canvas="bottom"
orientation="bottom"
>
<div
class="css-1x5h242"
>
<div
class="css-2ajl25"
>
<div
class="css-9bfrsr"
>
<b>
Latest
<span>
snapshot
</span>
</b>
</div>
</div>
<div
class="css-188u5gp"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Show baseline snapshot"
class="css-1uhf3xi"
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>
Switch
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Show spotlight"
class="css-1uhf3xi"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Hide diff"
class="css-w6etqe"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<div
class="css-nrne5d"
>
<div
class="css-1xhj18k"
>
<div
class="css-17fv6jh"
>
<button
aria-label="Accept this story"
class="css-1w9jm6s"
type="button"
>
Accept
</button>
</div>
<div
class="css-17fv6jh"
>
<div
class="css-c3junj"
>
<button
aria-label="Batch accept options"
class="css-r66duc"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="css-17fv6jh"
>
<button
aria-label="Run new build"
class="css-f00yh5"
type="button"
>
<svg
class="css-149xqrd"
height="14px"
viewBox="0 0 14 14"
width="14px"
>
<path
d="m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z"
/>
</svg>
</button>
</div>
</div>
</div>
</div>View in StorybookChrome 105960x720
Linux Linux Ubuntu 20.04.4
6f1e7e on ghengeveld/ap-3737-move-switch-snapshot-and-diff-buttons
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: ignoredException
at https://6480e1b0042842f149cfd74c-rnpgpdihbm.capture-loopback.chromatic.com/sb-preview/runtime.js:4:93306