WorkspaceTopbar:Template Info Popover

Build 18257 on lilac/amhfhdp
1200px
Read only
Resources requested by the new story could not be loaded. Snapshots may be affected.
ErrorBuild 18257 on lilac/amhfhdp
View Storybook
ErrorBuild 18257 on lilac/amhfhdp
View Storybook
The baseline is taller than the new snapshot (1200x900 to 1200x49).
Fail
WorkspaceTopbar.stories.tsx
Unable to find role="presentation"

Ignored nodes: comments, script, style
<div
  aria-hidden="true"
  id="storybook-root"
>
  <header
    class="css-p03n2"
  >
    <a
      aria-label="Back to workspaces"
      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall  css-1f7vyh9"
      href="/workspaces"
      tabindex="0"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
        data-testid="ArrowBackOutlinedIcon"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"
        />
      </svg>
    </a>
    <div
      class="css-wep6z2"
    >
      <div
        class="css-rablmd"
      >
        <span
          aria-expanded="false"
          aria-haspopup="true"
          aria-owns=":r1:-popover"
          class="css-10wqpwz"
        >
          <div
            class="MuiAvatar-root MuiAvatar-circular css-9svwb1"
            title="TestUser"
          >
            <img
              class="MuiAvatar-img css-1hy9t21"
              src="https://avatars.githubusercontent.com/u/7122116?v=4"
            />
          </div>
          <span
            class="css-g8pwur"
          >
            TestUser
          </span>
        </span>
        <span
          class="css-1o6v5uy"
        >
          /
        </span>
        <span
          aria-expanded="true"
          aria-haspopup="true"
          aria-owns=":r2:-popover"
          class="css-10wqpwz"
        >
          <div
            class="MuiAvatar-root MuiAvatar-square css-vanljp"
          >
            <img
              class="MuiAvatar-img css-1hy9t21"
              src="/icon/code.svg"
            />
          </div>
          <span
            class="css-a431yx"
          >
            Test-Workspace
          </span>
        </span>
      </div>
    </div>
    <div
      class="css-axw7ok"
    >
      <div
        class="css-1kfxizm"
        data-testid="build-status"
        role="status"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
          data-testid="PlayArrowOutlinedIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M10 8.64 15.27 12 10 15.36zM8 5v14l11-7z"
          />
        </svg>
        Running
      </div>
      <div
        class="css-axw7ok"
        data-testid="workspace-actions"
      >
        <button
          class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-f3gkgc"
          data-testid="workspace-stop-button"
          tabindex="0"
          type="button"
        >
          <span
            class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="CropSquareIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H6V6h12z"
              />
            </svg>
          </span>
          Stop
        </button>
        <div
          class="MuiButtonGroup-root MuiButtonGroup-outlined css-175u5f1"
          role="group"
        >
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-firstButton css-f3gkgc"
            data-testid="workspace-restart-button"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="ReplayIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8"
                />
              </svg>
            </span>
            Restart…
            <span
              class="MuiTouchRipple-root css-w0pj6f"
            />
          </button>
          <button
            aria-expanded="false"
            aria-haspopup="true"
            aria-owns=":r3:-popover"
            class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-lastButton css-5pl4t5"
            data-testid="build-parameters-button"
            tabindex="0"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-16zd2v7"
              data-testid="ExpandMoreOutlinedIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
              />
            </svg>
            <span
              class="css-1am6aje"
            >
              Restart with build parameters
            </span>
            <span
              class="MuiTouchRipple-root css-w0pj6f"
            />
          </button>
        </div>
        <button
          class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-f3gkgc"
          tabindex="0"
          type="button"
        >
          <span
            class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="StarBorderIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"
              />
            </svg>
          </span>
          Favorite
        </button>
        <button
          aria-controls="workspace-options"
          aria-haspopup="true"
          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1f7vyh9"
          data-testid="workspace-options-button"
          tabindex="0"
          title="More options"
          type="button"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
            data-testid="MoreVertOutlinedIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
            />
          </svg>
        </button>
      </div>
    </div>
  </header>
</div>
View in Storybook
Chrome 121
1200x49
Linux Linux Ubuntu 20.04.4
cdfa9e on lilac/amhfhdp
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 role="presentation"

Ignored nodes: comments, script, style
<div
  aria-hidden="true"
  id="storybook-root"
>
  <header
    class="css-p03n2"
  >
    <a
      aria-label="Back to workspaces"
      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall  css-1f7vyh9"
      href="/workspaces"
      tabindex="0"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
        data-testid="ArrowBackOutlinedIcon"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"
        />
      </svg>
    </a>
    <div
      class="css-wep6z2"
    >
      <div
        class="css-rablmd"
      >
        <span
          aria-expanded="false"
          aria-haspopup="true"
          aria-owns=":r1:-popover"
          class="css-10wqpwz"
        >
          <div
            class="MuiAvatar-root MuiAvatar-circular css-9svwb1"
            title="TestUser"
          >
            <img
              class="MuiAvatar-img css-1hy9t21"
              src="https://avatars.githubusercontent.com/u/7122116?v=4"
            />
          </div>
          <span
            class="css-g8pwur"
          >
            TestUser
          </span>
        </span>
        <span
          class="css-1o6v5uy"
        >
          /
        </span>
        <span
          aria-expanded="true"
          aria-haspopup="true"
          aria-owns=":r2:-popover"
          class="css-10wqpwz"
        >
          <div
            class="MuiAvatar-root MuiAvatar-square css-vanljp"
          >
            <img
              class="MuiAvatar-img css-1hy9t21"
              src="/icon/code.svg"
            />
          </div>
          <span
            class="css-a431yx"
          >
            Test-Workspace
          </span>
        </span>
      </div>
    </div>
    <div
      class="css-axw7ok"
    >
      <div
        class="css-1kfxizm"
        data-testid="build-status"
        role="status"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
          data-testid="PlayArrowOutlinedIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M10 8.64 15.27 12 10 15.36zM8 5v14l11-7z"
          />
        </svg>
        Running
      </div>
      <div
        class="css-axw7ok"
        data-testid="workspace-actions"
      >
        <button
          class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-f3gkgc"
          data-testid="workspace-stop-button"
          tabindex="0"
          type="button"
        >
          <span
            class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="CropSquareIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H6V6h12z"
              />
            </svg>
          </span>
          Stop
        </button>
        <div
          class="MuiButtonGroup-root MuiButtonGroup-outlined css-175u5f1"
          role="group"
        >
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-firstButton css-f3gkgc"
            data-testid="workspace-restart-button"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="ReplayIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8"
                />
              </svg>
            </span>
            Restart…
            <span
              class="MuiTouchRipple-root css-w0pj6f"
            />
          </button>
          <button
            aria-expanded="false"
            aria-haspopup="true"
            aria-owns=":r3:-popover"
            class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-lastButton css-5pl4t5"
            data-testid="build-parameters-button"
            tabindex="0"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-16zd2v7"
              data-testid="ExpandMoreOutlinedIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
              />
            </svg>
            <span
              class="css-1am6aje"
            >
              Restart with build parameters
            </span>
            <span
              class="MuiTouchRipple-root css-w0pj6f"
            />
          </button>
        </div>
        <button
          class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-f3gkgc"
          tabindex="0"
          type="button"
        >
          <span
            class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="StarBorderIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"
              />
            </svg>
          </span>
          Favorite
        </button>
        <button
          aria-controls="workspace-options"
          aria-haspopup="true"
          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1f7vyh9"
          data-testid="workspace-options-button"
          tabindex="0"
          title="More options"
          type="button"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
            data-testid="MoreVertOutlinedIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
            />
          </svg>
        </button>
      </div>
    </div>
  </header>
</div>
    at Object.kl [as waitFor] (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:198:3338)
    at r_.invoke (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:8338)
    at r_.track (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:5570)
    at waitFor (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:4943)
    at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/WorkspaceTopbar.stories-Dv-2vc0P.js:1:10040
    at async https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/sb-preview/runtime.js:5273:5
    at async play (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/WorkspaceTopbar.stories-Dv-2vc0P.js:1:9956)
    at async mn.runPhase (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/sb-preview/runtime.js:5872:94)
    at async mn.render (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/sb-preview/runtime.js:5985:14)