The baseline is taller and thinner than the new snapshot (1200x800 to 1237x391).
Fail
Unable to find an accessible element with the role "button" 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 ee (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/ProxyMenu-BrRGjkHy.js:1:935) 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
1237x391
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" 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 ee (https://624de63c6aacee003aa84340-ptofxlrubo.capture-loopback.chromatic.com/assets/ProxyMenu-BrRGjkHy.js:1:935) 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 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/ProxyMenu.stories-CNf9eFC9.js:1:3993) 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)