IdpSyncPage:Roles Tab

Build 18378 on lilac/react-19
1200px
Read only
Build 18378 on lilac/react-19
View Storybook
ErrorBuild 18378 on lilac/react-19
View Storybook
The baseline is smaller than the new snapshot (1168x358 to 1314x391).
Fail
IdpSyncPageView.stories.tsx
Unable to find an element with the text: Role Sync Settings. 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"
>
  <h2>
    Unexpected Application Error!
  </h2>
  <h3
    style="font-style: italic;"
  >
    useLocation() may be used only in the context of a &lt;Router&gt; component.
  </h3>
  <pre
    style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
  >
    Error: useLocation() may be used only in the context of a &lt;Router&gt; component.
    at w (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:60)
    at L (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7227)
    at ur (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:12:17110)
    at _e (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/IdpSyncPageView.stories-cGHw2T8P.js:1:4449)
    at de (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:42343)
    at Of (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:63243)
    at L1 (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:73938)
    at Sv (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:115220)
    at My (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114335)
    at Jc (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114173)
  </pre>
</div>

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <h2>
    Unexpected Application Error!
  </h2>
  <h3
    style="font-style: italic;"
  >
    useLocation() may be used only in the context of a &lt;Router&gt; component.
  </h3>
  <pre
    style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
  >
    Error: useLocation() may be used only in the context of a &lt;Router&gt; component.
    at w (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:60)
    at L (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7227)
    at ur (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:12:17110)
    at _e (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/IdpSyncPageView.stories-cGHw2T8P.js:1:4449)
    at de (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:42343)
    at Of (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:63243)
    at L1 (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:73938)
    at Sv (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:115220)
    at My (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114335)
    at Jc (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114173)
  </pre>
</div>
View in Storybook
Chrome 121
1314x391
Linux Linux Ubuntu 20.04.4
34b4c1 on lilac/react-19
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: Role Sync Settings. 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"
>
  <h2>
    Unexpected Application Error!
  </h2>
  <h3
    style="font-style: italic;"
  >
    useLocation() may be used only in the context of a &lt;Router&gt; component.
  </h3>
  <pre
    style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
  >
    Error: useLocation() may be used only in the context of a &lt;Router&gt; component.
    at w (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:60)
    at L (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7227)
    at ur (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:12:17110)
    at _e (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/IdpSyncPageView.stories-cGHw2T8P.js:1:4449)
    at de (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:42343)
    at Of (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:63243)
    at L1 (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:73938)
    at Sv (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:115220)
    at My (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114335)
    at Jc (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/react-18-Dk34_oWq.js:24:114173)
  </pre>
</div>
    at kl (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:198:3338)
    at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:234
    at r_.invoke (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:8338)
    at r_.intercept (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:5838)
    at r_.track (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:5570)
    at Object.findByText (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:4943)
    at play (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/IdpSyncPageView.stories-cGHw2T8P.js:1:9287)
    at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/sb-preview/runtime.js:5985:60
    at mn.runPhase (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/sb-preview/runtime.js:5872:100)
    at mn.render (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/sb-preview/runtime.js:5985:25)