The baseline is larger than the new snapshot (1216x900 to 1200x800).
Fail
Unable to find a label with the text of: Search options Ignored nodes: comments, script, style <div aria-hidden="true" id="storybook-root" > <div style="width: 1200px; height: 800px;" > <button aria-expanded="true" aria-haspopup="true" aria-owns=":r0:-popover" 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-5cfd1b" tabindex="0" type="button" > <span class="css-why9nc" > All options </span> <span class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-18x2z0c" > <svg aria-hidden="true" aria-label="open-dropdown" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-smlvx3" data-testid="KeyboardArrowDownIcon" focusable="false" viewBox="0 0 24 24" > <path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z" /> </svg> </span> </button> </div> </div>View in Storybook
Chrome 121
1200x800
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.
TestingLibraryElementError: Unable to find a label with the text of: Search options Ignored nodes: comments, script, style <div aria-hidden="true" id="storybook-root" > <div style="width: 1200px; height: 800px;" > <button aria-expanded="true" aria-haspopup="true" aria-owns=":r0:-popover" 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-5cfd1b" tabindex="0" type="button" > <span class="css-why9nc" > All options </span> <span class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-18x2z0c" > <svg aria-hidden="true" aria-label="open-dropdown" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-smlvx3" data-testid="KeyboardArrowDownIcon" focusable="false" viewBox="0 0 24 24" > <path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z" /> </svg> </span> </button> </div> </div> at Object.getElementError (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:184:284) at Vt (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:208:231) at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:198:4139 at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:386 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 Object.getByLabelText (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:4943) at play (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/SelectFilter.stories-tZwG6UOf.js:1:5328) 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)