Fail
Timed out in waitFor.
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
storybook-blocks-blocks-internal-canvas--multiple-children-three-columns
</title>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<base
target="_parent"
/>
<link
crossorigin=""
href="./assets/preload-helper-41c905a7.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/config-3a839b0c.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-d475d2ea.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-6f814c40.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/_commonjsHelpers-042e6b4d.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-6de6b113.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-48b9cc78.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/mapValues-413e813d.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/_baseAssignValue-607b9842.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/_getTag-fd38a843.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/_baseIsEqual-6a8e24c2.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/_baseIteratee-eb53f25b.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/_baseToString-4cf50b95.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-4d501b15.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-356e4a49.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/isPlainObject-849c601b.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/_getPrototype-bfefb713.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-97e7e2c4.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-672edc3f.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-b6420075.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/chunk-WLCP77WC-e1553e63.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-2dc85379.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-acc8917e.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-8f978012.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-b655135b.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-47631fca.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-a6c8ef6f.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/preview-8ab780f4.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/jsx-runtime-0f39435c.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/isChromatic-110c0762.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-d13b4439.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/memoizerific-a8c4a000.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/index-0dc7a150.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/chunk-XHUUYXNA-d70340ac.js"
rel="modulepreload"
/>
<link
as="script"
crossorigin=""
href="https://635781f3500dd2c49e189caf-fnxpkjvahu.capture.chromatic.com/assets/chunk-FD4M6EBV-8d27da22.js"
rel="modulepreload"
/>
<link
as="...View in Storybook
Chrome 891168x3845
Linux Amazon Linux 2
c9a08f on next
Unable to find an element with the text: BooleanControl. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-1xsguxi"
>
<span>
Detected play function.
</span>
<span>
Rendering in a single theme
</span>
</div>
<div
class="sbdocs sbdocs-wrapper css-zgt7u1"
>
<div
class="sbdocs sbdocs-content css-1j5dgab"
>
<div
class=" sbdocs sbdocs-preview css-5mcaeq"
>
<div
class="docs-story css-kdwx3d"
>
<div
class="css-61hvdk"
>
<div
class="css-10skpf4"
height="0"
scale="1"
>
<div
class="innerZoomElementWrapper"
>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
...
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-1xsguxi"
>
<span>
Detected play function.
</span>
<span>
Rendering in a single theme
</span>
</div>
<div
class="sbdocs sbdocs-wrapper css-zgt7u1"
>
<div
class="sbdocs sbdocs-content css-1j5dgab"
>
<div
class=" sbdocs sbdocs-preview css-5mcaeq"
>
<div
class="docs-story css-kdwx3d"
>
<div
class="css-61hvdk"
>
<div
class="css-10skpf4"
height="0"
scale="1"
>
<div
class="innerZoomElementWrapper"
>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
...View in StorybookChrome 891168x3845
Linux Amazon Linux 2
c9a08f on next
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
TestingLibraryElementError: Unable to find an element with the text: BooleanControl. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-1xsguxi"
>
<span>
Detected play function.
</span>
<span>
Rendering in a single theme
</span>
</div>
<div
class="sbdocs sbdocs-wrapper css-zgt7u1"
>
<div
class="sbdocs sbdocs-content css-1j5dgab"
>
<div
class=" sbdocs sbdocs-preview css-5mcaeq"
>
<div
class="docs-story css-kdwx3d"
>
<div
class="css-61hvdk"
>
<div
class="css-10skpf4"
height="0"
scale="1"
>
<div
class="innerZoomElementWrapper"
>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
...
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div
class="css-1xsguxi"
>
<span>
Detected play function.
</span>
<span>
Rendering in a single theme
</span>
</div>
<div
class="sbdocs sbdocs-wrapper css-zgt7u1"
>
<div
class="sbdocs sbdocs-content css-1j5dgab"
>
<div
class=" sbdocs sbdocs-preview css-5mcaeq"
>
<div
class="docs-story css-kdwx3d"
>
<div
class="css-61hvdk"
>
<div
class="css-10skpf4"
height="0"
scale="1"
>
<div
class="innerZoomElementWrapper"
>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--secondary"
>
<div
data-name="Secondary"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1ndqz1z"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
</div>
</div>
</div>
<div>
<div
class="sb-story"
id="story--storybook-blocks-example-button--large"
>
<div
data-name="Large"
>
<div
class="css-1jx8ju5"
data-side="left"
>
<button
class="css-1jnxf7a"
type="button"
>
Button
</button>
</div>
<div
class="css-yp14tk"
data-side="right"
>
<button
class="css-1jnxf7a"
...