Resources requested by the new story could not be loaded. Snapshots may be affected.
The baseline is taller than the new snapshot (1200x900 to 1200x49).
Fail
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
functionThis 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:10316 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:10232) 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)