Story:Force Initial Args

Build 10370 on jeppe/fix-controls-block
1200px
Reviewing disabled
View latest build
Resources requested by the new story could not be loaded. Snapshots may be affected.
chromechrome
ErrorBuild 10370 on jeppe/fix-controls-block
View Storybook
ErrorBuild 10370 on jeppe/fix-controls-block
View Storybook
edgeedge
firefoxfirefox
safarisafari
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 105
1200x936
Linux Linux Ubuntu 20.04.4
6e6453 on jeppe/fix-controls-block
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 ri (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/assets/index-9a8e7b28.js:35:3372)
    at https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/assets/index-9a8e7b28.js:43:236
    at cn.invoke (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/assets/preview-f329cffd.js:27:8709)
    at cn.intercept (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/assets/preview-f329cffd.js:27:6324)
    at cn.track (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/assets/preview-f329cffd.js:27:6054)
    at Object.findByText (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/assets/preview-f329cffd.js:27:5423)
    at play (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/assets/Story.stories-6ba419c8.js:1:1519)
    at playFunction (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/sb-preview/runtime.js:9343:12)
    at https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/sb-preview/runtime.js:10234:19
    at StoryRender.runPhase (https://635781f3500dd2c49e189caf-ewdwfldifo.capture-loopback.chromatic.com/sb-preview/runtime.js:10125:13)