Story:Force Initial Args

Build 12104 on save-from-controls
1200px
Reviewing disabled
View latest build
chromechrome
Build 12104 on save-from-controls
View Storybook
ErrorBuild 12104 on save-from-controls
View Storybook
edgeedge
firefoxfirefox
Fail
Story.stories.tsx
Unable to find an element with the text: /Button/. 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-1q5n1a9"
  >
    <span>
      Detected play function in Chromatic. Rendering only light theme to avoid multiple play functions in the same story.
    </span>
  </div>
  <div
    style="margin-bottom: 20px;"
  />
  <div
    class="sbdocs sbdocs-wrapper css-k7lbue"
  >
    <div
      class="sbdocs sbdocs-content css-qa4clq"
    >
      <div
        class="sb-story sb-unstyled"
        data-story-block="true"
        id="story--blocks-examples-button--primary"
      >
        <div
          style="width: 100%; height: 100px;"
        >
          <iframe
            allow="fullscreen"
            id="iframe--blocks-examples-button--primary"
            loading="lazy"
            src="iframe.html?viewMode=story&id=blocks-examples-button--primary"
            style="width: 100%; height: 100%; border: 0px none;"
            title="Primary"
          />
        </div>
      </div>
    </div>
  </div>
</div>

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-1q5n1a9"
  >
    <span>
      Detected play function in Chromatic. Rendering only light theme to avoid multiple play functions in the same story.
    </span>
  </div>
  <div
    style="margin-bottom: 20px;"
  />
  <div
    class="sbdocs sbdocs-wrapper css-k7lbue"
  >
    <div
      class="sbdocs sbdocs-content css-qa4clq"
    >
      <div
        class="sb-story sb-unstyled"
        data-story-block="true"
        id="story--blocks-examples-button--primary"
      >
        <div
          style="width: 100%; height: 100px;"
        >
          <iframe
            allow="fullscreen"
            id="iframe--blocks-examples-button--primary"
            loading="lazy"
            src="iframe.html?viewMode=story&id=blocks-examples-button--primary"
            style="width: 100%; height: 100%; border: 0px none;"
            title="Primary"
          />
        </div>
      </div>
    </div>
  </div>
</div>
View in Storybook
Chrome 121
1200x936
Linux Linux Ubuntu 20.04.4
2e5a45 on save-from-controls
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 an element with the text: /Button/. 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-1q5n1a9"
  >
    <span>
      Detected play function in Chromatic. Rendering only light theme to avoid multiple play functions in the same story.
    </span>
  </div>
  <div
    style="margin-bottom: 20px;"
  />
  <div
    class="sbdocs sbdocs-wrapper css-k7lbue"
  >
    <div
      class="sbdocs sbdocs-content css-qa4clq"
    >
      <div
        class="sb-story sb-unstyled"
        data-story-block="true"
        id="story--blocks-examples-button--primary"
      >
        <div
          style="width: 100%; height: 100px;"
        >
          <iframe
            allow="fullscreen"
            id="iframe--blocks-examples-button--primary"
            loading="lazy"
            src="iframe.html?viewMode=story&id=blocks-examples-button--primary"
            style="width: 100%; height: 100%; border: 0px none;"
            title="Primary"
          />
        </div>
      </div>
    </div>
  </div>
</div>
    at ga (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/assets/index-01ce0672.js:131:3379)
    at https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/assets/index-01ce0672.js:139:237
    at on.invoke (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/assets/index-d94c0ab3.js:27:8802)
    at on.intercept (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/assets/index-d94c0ab3.js:27:6382)
    at on.track (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/assets/index-d94c0ab3.js:27:6112)
    at Object.findByText (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/assets/index-d94c0ab3.js:27:5481)
    at play (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/assets/Story.stories-f74eb97b.js:1:1498)
    at playFunction (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/sb-preview/runtime.js:9485:12)
    at https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/sb-preview/runtime.js:10429:19
    at StoryRender.runPhase (https://635781f3500dd2c49e189caf-tbxlzduepg.capture-loopback.chromatic.com/sb-preview/runtime.js:10320:13)