The baseline is taller and thinner than the new snapshot (1200x800 to 1247x391).
Fail
Unable to find an accessible element with the role "button" and name "More options" Here are the accessible roles: heading: Name "Unexpected Application Error!": <h2 /> --------------------------------------------------heading: Name "useNavigate() may be used only in the context of a <Router> component.": <h3 style="font-style: italic;" /> -------------------------------------------------- Ignored nodes: comments, script, style <div id="storybook-root" > <h2> Unexpected Application Error! </h2> <h3 style="font-style: italic;" > useNavigate() may be used only in the context of a <Router> component. </h3> <pre style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);" > Error: useNavigate() may be used only in the context of a <Router> component. at w (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:60) at st (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7577) at te (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7558) at Tt (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/WorkspaceActions-xc3In-bv.js:1:2236) at qe (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/WorkspaceActions-xc3In-bv.js:1:8342) 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) </pre> </div>View in Storybook
Chrome 121
1247x391
Linux Linux Ubuntu 20.04.4
34b4c1 on lilac/react-19
Caught exception in
play
functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "More options" Here are the accessible roles: heading: Name "Unexpected Application Error!": <h2 /> --------------------------------------------------heading: Name "useNavigate() may be used only in the context of a <Router> component.": <h3 style="font-style: italic;" /> -------------------------------------------------- Ignored nodes: comments, script, style <div id="storybook-root" > <h2> Unexpected Application Error! </h2> <h3 style="font-style: italic;" > useNavigate() may be used only in the context of a <Router> component. </h3> <pre style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);" > Error: useNavigate() may be used only in the context of a <Router> component. at w (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:60) at st (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7577) at te (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/chunk-D52XG6IA-BnRncTPB.js:10:7558) at Tt (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/WorkspaceActions-xc3In-bv.js:1:2236) at qe (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/WorkspaceActions-xc3In-bv.js:1:8342) 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) </pre> </div> at Object.getElementError (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:184:284) at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:163 at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:198:4139 at https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:386 at r_.invoke (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:8338) at r_.track (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:5570) at Object.getByRole (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:4943) at play (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/WorkspaceActions.stories-Bxi7dklq.js:1:6862) 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)