SidebarBottom:Dynamic Height

Build 16282 on context-menu-updates
1200px
Reviewing disabled
View latest build
chromechrome
ErrorBuild 16282 on context-menu-updates
View Storybook
ErrorBuild 16282 on context-menu-updates
View Storybook
Fail
SidebarBottom.stories.tsx
Unable to find a label with the text of: /Expand/

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    style="position: relative; width: 100vw; height: 100vh;"
  >
    <div
      style="height: 300px; background: orangered;"
    />
    <div
      class="css-1ixbp0l"
      id="sidebar-bottom-spacer"
    />
    <div
      class="css-scdnn8"
      id="sidebar-bottom-wrapper"
    >
      <div
        class="css-1pxfmht"
      />
      <div
        class="css-19pafn2"
        id="storybook-testing-module"
      >
        <div
          class="css-1u2j0qv"
        >
          <div
            class="css-1d56hfi"
            data-testid="collapse"
            style="transition: max-height 0ms ease 0s; display: block; max-height: 0px;"
          >
            <div
              class="css-j7qwjs"
            >
              <div
                class="css-1e3qj69"
                data-module-id="custom"
              >
                <div
                  style="height: 100px; transition: height 1s ease 0s; display: flex; align-items: center; justify-content: center; background-color: hotpink;"
                >
                  CUSTOM CONTENT WITH DYNAMIC HEIGHT
                </div>
              </div>
            </div>
          </div>
          <div
            class="css-poqyku"
          >
            <button
              class="css-18rvurk"
            >
              <svg
                fill="none"
                height="14"
                viewBox="0 0 14 14"
                width="14"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M5.2 10.88L11.668 7 5.2 3.12v7.76zM4 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L5.212 1.727A.8.8 0 004 2.413zM1.5 1.6a.6.6 0 01.6.6v9.6a.6.6 0 11-1.2 0V2.2a.6.6 0 01.6-.6z"
                  fill="currentColor"
                  fill-rule="evenodd"
                />
                <path
                  clip-rule="evenodd"
                  d="M.963 1.932a.6.6 0 01.805-.268l1 .5a.6.6 0 01-.536 1.073l-1-.5a.6.6 0 01-.269-.805zM3.037 11.132a.6.6 0 01-.269.805l-1 .5a.6.6 0 01-.536-1.073l1-.5a.6.6 0 01.805.268z"
                  fill="currentColor"
                  fill-rule="evenodd"
                />
              </svg>
              Run tests
            </button>
            <div
              class="css-13pthy0"
            >
              <div />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
View in Storybook
Chrome 121
1200x900
Linux Linux Ubuntu 20.04.4
f30da2 on context-menu-updates
Caught exception in play function

This story threw an error after it finished rendering which means interactions may not have been executed fully.

TestingLibraryElementError: Unable to find a label with the text of: /Expand/

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    style="position: relative; width: 100vw; height: 100vh;"
  >
    <div
      style="height: 300px; background: orangered;"
    />
    <div
      class="css-1ixbp0l"
      id="sidebar-bottom-spacer"
    />
    <div
      class="css-scdnn8"
      id="sidebar-bottom-wrapper"
    >
      <div
        class="css-1pxfmht"
      />
      <div
        class="css-19pafn2"
        id="storybook-testing-module"
      >
        <div
          class="css-1u2j0qv"
        >
          <div
            class="css-1d56hfi"
            data-testid="collapse"
            style="transition: max-height 0ms ease 0s; display: block; max-height: 0px;"
          >
            <div
              class="css-j7qwjs"
            >
              <div
                class="css-1e3qj69"
                data-module-id="custom"
              >
                <div
                  style="height: 100px; transition: height 1s ease 0s; display: flex; align-items: center; justify-content: center; background-color: hotpink;"
                >
                  CUSTOM CONTENT WITH DYNAMIC HEIGHT
                </div>
              </div>
            </div>
          </div>
          <div
            class="css-poqyku"
          >
            <button
              class="css-18rvurk"
            >
              <svg
                fill="none"
                height="14"
                viewBox="0 0 14 14"
                width="14"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M5.2 10.88L11.668 7 5.2 3.12v7.76zM4 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L5.212 1.727A.8.8 0 004 2.413zM1.5 1.6a.6.6 0 01.6.6v9.6a.6.6 0 11-1.2 0V2.2a.6.6 0 01.6-.6z"
                  fill="currentColor"
                  fill-rule="evenodd"
                />
                <path
                  clip-rule="evenodd"
                  d="M.963 1.932a.6.6 0 01.805-.268l1 .5a.6.6 0 01-.536 1.073l-1-.5a.6.6 0 01-.269-.805zM3.037 11.132a.6.6 0 01-.269.805l-1 .5a.6.6 0 01-.536-1.073l1-.5a.6.6 0 01.805.268z"
                  fill="currentColor"
                  fill-rule="evenodd"
                />
              </svg>
              Run tests
            </button>
            <div
              class="css-13pthy0"
            >
              <div />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
    at Object.getElementError (https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/index-7533bc79.js:143:284)
    at xt (https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/index-7533bc79.js:167:231)
    at https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/index-7533bc79.js:157:4154
    at https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/index-7533bc79.js:165:386
    at Rl.invoke (https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/index-3e29768d.js:48:8875)
    at Rl.track (https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/index-3e29768d.js:48:5984)
    at Object.getByLabelText (https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/index-3e29768d.js:48:5257)
    at play (https://635781f3500dd2c49e189caf-zpmdpakksw.capture-loopback.chromatic.com/assets/SidebarBottom.stories-8adeea53.js:76:2141)