WorkspaceNotifications:Outdated

Build 18257 on lilac/amhfhdp
1200px
Read only
ErrorBuild 18257 on lilac/amhfhdp
View Storybook
ErrorBuild 18257 on lilac/amhfhdp
View Storybook
The baseline is larger than the new snapshot (1200x900 to 1168x43).
Fail
WorkspaceNotifications.stories.tsx
Unable to find an element with the text: first version. 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
  aria-hidden="true"
  id="storybook-root"
>
  <div
    class="css-120nera"
  >
    <div
      aria-expanded="true"
      aria-haspopup="true"
      aria-owns=":r0:-popover"
      class="css-1w0ym84"
      data-testid="info-notifications"
    >
      <div
        class="css-y6gi11"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
          data-testid="InfoOutlinedIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
          />
        </svg>
        1
      </div>
    </div>
  </div>
</div>
View in Storybook
Chrome 121
1168x43
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 an element with the text: first version. 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
  aria-hidden="true"
  id="storybook-root"
>
  <div
    class="css-120nera"
  >
    <div
      aria-expanded="true"
      aria-haspopup="true"
      aria-owns=":r0:-popover"
      class="css-1w0ym84"
      data-testid="info-notifications"
    >
      <div
        class="css-y6gi11"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
          data-testid="InfoOutlinedIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
          />
        </svg>
        1
      </div>
    </div>
  </div>
</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/WorkspaceNotifications.stories-fcC68RrE.js:1:4114
    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/WorkspaceNotifications.stories-fcC68RrE.js:1:4014)
    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)