Error: Snapshot `Home page component > homepage renders correctly 1` mismatched - Expected + Received @@ -10,18 +10,18 @@ > <div class="MuiBox-root css-h95k7f" > <h2 - class="MuiTypography-root MuiTypography-h2 css-1c7qyh0-MuiTypography-root" + class="MuiTypography-root MuiTypography-h2 css-1n0cdig-MuiTypography-root" > <strong> Inventory Management </strong> </h2> <h2 - class="MuiTypography-root MuiTypography-h2 css-1c7qyh0-MuiTypography-root" + class="MuiTypography-root MuiTypography-h2 css-1n0cdig-MuiTypography-root" > for <strong> EPAC </strong> @@ -31,11 +31,12 @@ </div> <div class="MuiBox-root css-12vlygr" > <div - class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 css-177u6i-MuiPaper-root" + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 css-1lsxlyj-MuiPaper-root" + style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);" > <div class="MuiGrid-root MuiGrid-container css-11lq3yg-MuiGrid-root" style="height: 100%;" > @@ -44,32 +45,29 @@ > <div class="MuiBox-root css-bvoom2" > <h3 - class="MuiTypography-root MuiTypography-h3 css-jadg01-MuiTypography-root" + class="MuiTypography-root MuiTypography-h3 css-rp9k13-MuiTypography-root" > Catalogue </h3> <p - class="MuiTypography-root MuiTypography-body1 css-16w7kz2-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-zfzl7o-MuiTypography-root" > Browse catalogue categories, sub categories and catalogue items to locate specific items or add new ones. </p> <div class="MuiBox-root css-1yuhvjn" > <a - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-sghohy-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1abvrni-MuiButtonBase-root-MuiButton-root" data-testid="catalogue-button" href="/catalogue" tabindex="0" > Explore - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </a> </div> </div> </div> <div @@ -90,115 +88,109 @@ > <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-sm-12 MuiGrid-grid-md-4 css-yaog9p-MuiGrid-root" > <div - class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 css-177u6i-MuiPaper-root" + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 css-1lsxlyj-MuiPaper-root" + style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);" > <div class="MuiBox-root css-bvoom2" > <h4

Error: Snapshot `delete item dialog > renders correctly 1` mismatched - Expected + Received @@ -4,40 +4,42 @@ <div aria-hidden="true" /> <div aria-hidden="true" - class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root" + class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" - class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop" + class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div - class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container" + class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r0:" - class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1fu2e3p-MuiPaper-root-MuiDialog-paper" + aria-modal="true" + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" + style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);" > <h2 - class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-1t6uuec-MuiTypography-root-MuiDialogTitle-root" + class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-19csis5-MuiTypography-root-MuiDialogTitle-root" id=":r0:" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-elhp89-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-15a76qm-MuiSvgIcon-root" data-testid="WarningIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -45,14 +47,14 @@ /> </svg> Delete Item </h2> <div - class="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root" + class="MuiDialogContent-root css-kw13he-MuiDialogContent-root" > <p - class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root" > Are you sure you want to permanently delete this item with <strong data-testid="delete-item-KvT2Ox7n" @@ -61,31 +63,25 @@ </strong> ? </p> </div> <div - class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root" + class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root" > <button - class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButto

Error: Snapshot `delete item dialog > renders correctly when the item has an system id 1` mismatched - Expected + Received @@ -3,40 +3,42 @@ > <div aria-hidden="true" /> <div - class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root" + class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" - class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop" + class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div - class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container" + class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r2:" - class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1fu2e3p-MuiPaper-root-MuiDialog-paper" + aria-modal="true" + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" + style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);" > <h2 - class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-1t6uuec-MuiTypography-root-MuiDialogTitle-root" + class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-19csis5-MuiTypography-root-MuiDialogTitle-root" id=":r2:" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-elhp89-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-15a76qm-MuiSvgIcon-root" data-testid="WarningIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -44,28 +46,28 @@ /> </svg> Delete Item </h2> <div - class="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root" + class="MuiDialogContent-root css-kw13he-MuiDialogContent-root" > <p - class="MuiTypography-root MuiTypography-body1 css-utyhk1-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-z7hb8k-MuiTypography-root" > This item is currently in the <a - class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root" + class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-73o1y3-MuiTypography-root-MuiLink-root" href="/systems/656ef565ed0773f82e44bc6d" > Pico Laser </a> system. </p> <p - class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root" > Are you sure you want to permanently delete this item with <strong data-testid="delete-item-wKsFzrSq" @@ -74,31 +76,25 @@ </strong> ? </p> </div> <div

Error: Snapshot `delete item dialog > renders correctly when items has no serial number 1` mismatched - Expected + Received @@ -4,40 +4,42 @@ <div aria-hidden="true" /> <div aria-hidden="true" - class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root" + class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" - class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop" + class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div - class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container" + class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r9:" - class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1fu2e3p-MuiPaper-root-MuiDialog-paper" + aria-modal="true" + class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" + style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);" > <h2 - class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-1t6uuec-MuiTypography-root-MuiDialogTitle-root" + class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-19csis5-MuiTypography-root-MuiDialogTitle-root" id=":r9:" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-elhp89-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-15a76qm-MuiSvgIcon-root" data-testid="WarningIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -45,28 +47,28 @@ /> </svg> Delete Item </h2> <div - class="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root" + class="MuiDialogContent-root css-kw13he-MuiDialogContent-root" > <p - class="MuiTypography-root MuiTypography-body1 css-utyhk1-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-z7hb8k-MuiTypography-root" > This item is currently in the <a - class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root" + class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-73o1y3-MuiTypography-root-MuiLink-root" href="/systems/656ef565ed0773f82e44bc6d" > Pico Laser </a> system. </p> <p - class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root" > Are you sure you want to permanently delete this item with <strong data-testid="delete-item-wKsFzrSq" @@ -75,31 +77,25 @@ </strong> ? </p>

Error: Snapshot `Catalogue Items details panel > renders details panel correctly 1` mismatched - Expected + Received @@ -4,71 +4,59 @@ > <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1bc19ni-MuiGrid-root" > <div - class="MuiTabs-root css-1ujnqem-MuiTabs-root" + class="MuiTabs-root css-jhczcq-MuiTabs-root" > <div - class="MuiTabs-scroller MuiTabs-fixed css-jpln7h-MuiTabs-scroller" + class="MuiTabs-scroller MuiTabs-fixed css-s2t35c-MuiTabs-scroller" style="overflow: hidden; margin-bottom: 0px;" > <div - class="MuiTabs-flexContainer css-heg063-MuiTabs-flexContainer" + class="MuiTabs-flexContainer css-1wxkzlj-MuiTabs-flexContainer" role="tablist" > <button aria-selected="true" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="0" type="button" > Details - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Properties - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Manufacturer - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Notes - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <span - class="MuiTabs-indicator css-1aquho2-MuiTabs-indicator" + class="MuiTabs-indicator css-1qltlow-MuiTabs-indicator" style="left: 0px; width: 0px;" /> </div> </div> </div> @@ -79,18 +67,18 @@ aria-labelledby="tab-0" id="tabpanel-0" role="tabpanel" > <div - class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root" + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root" style="min-height: 0px;" > <div - class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper" > <div - class

Error: Snapshot `Catalogue Items details panel > renders details panel correctly (no dates) 1` mismatched - Expected + Received @@ -4,71 +4,59 @@ > <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1bc19ni-MuiGrid-root" > <div - class="MuiTabs-root css-1ujnqem-MuiTabs-root" + class="MuiTabs-root css-jhczcq-MuiTabs-root" > <div - class="MuiTabs-scroller MuiTabs-fixed css-jpln7h-MuiTabs-scroller" + class="MuiTabs-scroller MuiTabs-fixed css-s2t35c-MuiTabs-scroller" style="overflow: hidden; margin-bottom: 0px;" > <div - class="MuiTabs-flexContainer css-heg063-MuiTabs-flexContainer" + class="MuiTabs-flexContainer css-1wxkzlj-MuiTabs-flexContainer" role="tablist" > <button aria-selected="true" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="0" type="button" > Details - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Properties - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Manufacturer - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Notes - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <span - class="MuiTabs-indicator css-1aquho2-MuiTabs-indicator" + class="MuiTabs-indicator css-1qltlow-MuiTabs-indicator" style="left: 0px; width: 0px;" /> </div> </div> </div> @@ -79,18 +67,18 @@ aria-labelledby="tab-0" id="tabpanel-0" role="tabpanel" > <div - class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root" + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root" style="min-height: 0px;" > <div - class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper" > <div -

Error: Snapshot `Catalogue Items details panel > renders properties panel correctly 1` mismatched - Expected + Received @@ -4,42 +4,39 @@ > <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1bc19ni-MuiGrid-root" > <div - class="MuiTabs-root css-1ujnqem-MuiTabs-root" + class="MuiTabs-root css-jhczcq-MuiTabs-root" > <div - class="MuiTabs-scroller MuiTabs-fixed css-jpln7h-MuiTabs-scroller" + class="MuiTabs-scroller MuiTabs-fixed css-s2t35c-MuiTabs-scroller" style="overflow: hidden; margin-bottom: 0px;" > <div - class="MuiTabs-flexContainer css-heg063-MuiTabs-flexContainer" + class="MuiTabs-flexContainer css-1wxkzlj-MuiTabs-flexContainer" role="tablist" > <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Details - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="true" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="0" type="button" > Properties <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + class="MuiTouchRipple-root css-r3djoj-MuiTouchRipple-root" > <span class="css-y4cjyz-MuiTouchRipple-ripple MuiTouchRipple-ripple MuiTouchRipple-rippleVisible" style="width: 2.8284271247461903px; height: 2.8284271247461903px; top: -1.4142135623730951px; left: -1.4142135623730951px;" > @@ -49,35 +46,29 @@ </span> </span> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Manufacturer - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Notes - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <span - class="MuiTabs-indicator css-1aquho2-MuiTabs-indicator" + class="MuiTabs-indicator css-1qltlow-MuiTabs-indicator" style="left: 0px; width: 0px;" /> </div> </div> </div> @@ -89,18 +80,18 @@ hidden="" id="tabpanel-0" role="tabpanel" > <div - class="MuiCollapse-root MuiCollapse-vertical css-1fkrdiv-MuiCollapse-root"

Error: Snapshot `Catalogue Items details panel > renders details panel correctly (None values for telephone and url) 1` mismatched - Expected + Received @@ -4,71 +4,59 @@ > <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1bc19ni-MuiGrid-root" > <div - class="MuiTabs-root css-1ujnqem-MuiTabs-root" + class="MuiTabs-root css-jhczcq-MuiTabs-root" > <div - class="MuiTabs-scroller MuiTabs-fixed css-jpln7h-MuiTabs-scroller" + class="MuiTabs-scroller MuiTabs-fixed css-s2t35c-MuiTabs-scroller" style="overflow: hidden; margin-bottom: 0px;" > <div - class="MuiTabs-flexContainer css-heg063-MuiTabs-flexContainer" + class="MuiTabs-flexContainer css-1wxkzlj-MuiTabs-flexContainer" role="tablist" > <button aria-selected="true" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="0" type="button" > Details - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Properties - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Manufacturer - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Notes - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <span - class="MuiTabs-indicator css-1aquho2-MuiTabs-indicator" + class="MuiTabs-indicator css-1qltlow-MuiTabs-indicator" style="left: 0px; width: 0px;" /> </div> </div> </div> @@ -79,18 +67,18 @@ aria-labelledby="tab-0" id="tabpanel-0" role="tabpanel" > <div - class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root" + class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-qr6njo-MuiCollapse-root" style="min-height: 0px;" > <div - class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper" + class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper" >

Error: Snapshot `Catalogue Items details panel > renders manufacturer panel correctly 1` mismatched - Expected + Received @@ -4,54 +4,48 @@ > <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1bc19ni-MuiGrid-root" > <div - class="MuiTabs-root css-1ujnqem-MuiTabs-root" + class="MuiTabs-root css-jhczcq-MuiTabs-root" > <div - class="MuiTabs-scroller MuiTabs-fixed css-jpln7h-MuiTabs-scroller" + class="MuiTabs-scroller MuiTabs-fixed css-s2t35c-MuiTabs-scroller" style="overflow: hidden; margin-bottom: 0px;" > <div - class="MuiTabs-flexContainer css-heg063-MuiTabs-flexContainer" + class="MuiTabs-flexContainer css-1wxkzlj-MuiTabs-flexContainer" role="tablist" > <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Details - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Properties - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button aria-selected="true" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="0" type="button" > Manufacturer <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + class="MuiTouchRipple-root css-r3djoj-MuiTouchRipple-root" > <span class="css-y4cjyz-MuiTouchRipple-ripple MuiTouchRipple-ripple MuiTouchRipple-rippleVisible" style="width: 2.8284271247461903px; height: 2.8284271247461903px; top: -1.4142135623730951px; left: -1.4142135623730951px;" > @@ -61,23 +55,20 @@ </span> </span> </button> <button aria-selected="false" - class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1h9z7r5-MuiButtonBase-root-MuiTab-root" + class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary css-1usuzwp-MuiButtonBase-root-MuiTab-root" role="tab" tabindex="-1" type="button" > Notes - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <span - class="MuiTabs-indicator css-1aquho2-MuiTabs-indicator" + class="MuiTabs-indicator css-1qltlow-MuiTabs-indicator" style="left: 0px; width: 0px;" /> </div> </div> </div> @@ -89,18 +80,18 @@ hidden="" id="tabpanel-0" role="tabpanel" > <div - class="MuiCollapse-root MuiCollapse-vertical css-1fkrdiv-MuiCollapse-roo