The baseline is larger than the new snapshot (1200x900 to 112x28).
Fail
Unable to find an element with the text: Build Options. 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="MuiButtonGroup-root MuiButtonGroup-outlined css-175u5f1" role="group" > <button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-firstButton css-f3gkgc" tabindex="0" type="button" > <span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" data-testid="BugReportOutlinedIcon" focusable="false" viewBox="0 0 24 24" > <path d="M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20zm-4 4v3c0 .22-.03.47-.07.7l-.1.65-.37.65c-.72 1.24-2.04 2-3.46 2s-2.74-.77-3.46-2l-.37-.64-.1-.65C8.03 15.48 8 15.23 8 15v-4c0-.23.03-.48.07-.7l.1-.65.37-.65c.3-.52.72-.97 1.21-1.31l.57-.39.74-.18c.31-.08.63-.12.94-.12.32 0 .63.04.95.12l.68.16.61.42c.5.34.91.78 1.21 1.31l.38.65.1.65c.04.22.07.47.07.69zm-6 2h4v2h-4zm0-4h4v2h-4z" /> </svg> </span> Debug <span class="MuiTouchRipple-root css-w0pj6f" /> </button> <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 MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-lastButton css-5pl4t5" data-testid="build-parameters-button" tabindex="0" type="button" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-16zd2v7" data-testid="ExpandMoreOutlinedIcon" focusable="false" viewBox="0 0 24 24" > <path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" /> </svg> <span class="css-1am6aje" > Debug with build parameters </span> <span class="MuiTouchRipple-root css-w0pj6f" /> </button> </div> </div>View in Storybook
Chrome 121
112x28
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.
Error: Unable to find an element with the text: Build Options. 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="MuiButtonGroup-root MuiButtonGroup-outlined css-175u5f1" role="group" > <button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-firstButton css-f3gkgc" tabindex="0" type="button" > <span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" data-testid="BugReportOutlinedIcon" focusable="false" viewBox="0 0 24 24" > <path d="M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20zm-4 4v3c0 .22-.03.47-.07.7l-.1.65-.37.65c-.72 1.24-2.04 2-3.46 2s-2.74-.77-3.46-2l-.37-.64-.1-.65C8.03 15.48 8 15.23 8 15v-4c0-.23.03-.48.07-.7l.1-.65.37-.65c.3-.52.72-.97 1.21-1.31l.57-.39.74-.18c.31-.08.63-.12.94-.12.32 0 .63.04.95.12l.68.16.61.42c.5.34.91.78 1.21 1.31l.38.65.1.65c.04.22.07.47.07.69zm-6 2h4v2h-4zm0-4h4v2h-4z" /> </svg> </span> Debug <span class="MuiTouchRipple-root css-w0pj6f" /> </button> <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 MuiButtonGroup-grouped MuiButtonGroup-groupedHorizontal MuiButtonGroup-groupedOutlined MuiButtonGroup-groupedOutlinedHorizontal MuiButtonGroup-groupedOutlinedPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButtonGroup-lastButton css-5pl4t5" data-testid="build-parameters-button" tabindex="0" type="button" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-16zd2v7" data-testid="ExpandMoreOutlinedIcon" focusable="false" viewBox="0 0 24 24" > <path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" /> </svg> <span class="css-1am6aje" > Debug with build parameters </span> <span class="MuiTouchRipple-root css-w0pj6f" /> </button> </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/DebugButton.stories-R170OWMm.js:1:4270 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/DebugButton.stories-R170OWMm.js:1:4175) 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)