Error: Snapshot `Systems Layout > renders root systems correctly 1` mismatched - Expected + Received <DocumentFragment> <div - class="MuiBox-root css-10klw3m" + class="MuiBox-root css-v2kfba" > <div - class="MuiGrid-root MuiGrid-container css-15vbc7x-MuiGrid-root" - > - <div - style="display: flex; align-items: center; padding-top: 20px; padding-bottom: 20px;" - > + class="MuiGrid-root MuiGrid-container css-1r501zp-MuiGrid-root" + > - <div + <div - class="MuiBox-root css-70qvj9" + class="MuiBox-root css-70qvj9" - > + > - <span + <span - aria-label="Systems Home" + aria-label="Systems Home" - class="" + class="" - data-mui-internal-clone-element="true" + data-mui-internal-clone-element="true" - > - <button + > + <button - aria-label="navigate to systems home" + aria-label="navigate to systems home" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root" - tabindex="0" + tabindex="0" - type="button" + type="button" - > + > - <svg + <svg - aria-hidden="true" + aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" - data-testid="HomeIcon" + data-testid="HomeIcon" - focusable="false" + focusable="false" - viewBox="0 0 24 24" + viewBox="0 0 24 24" - > + > - <path + <path - d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" + d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" - /> + /> - </svg> + </svg> - <span + <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> + /> - </button> + </button> - </span> + </span> - <nav + <nav - aria-label="breadcrumb" + aria-label="breadcrumb" - class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-1mc59t7-MuiTypography-root-MuiBreadcrumbs-root" + class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-1mc59t7-MuiTypography-root-MuiBreadcrumbs-root" - > + > - <ol + <ol - class="MuiBreadcrumbs-ol css-4pdmu4-MuiBreadcrumbs-ol" + class="MuiBreadcrumbs-ol css-4pdmu4-MuiBreadcrumbs-ol" - /> + /> - </nav> + </nav> - </div> </div> </div> </div> </DocumentFragment> ❯ src/systems/systemsLayout.component.test.tsx:39:31

Error: Snapshot `Systems Layout > renders units breadcrumbs correctly 1` mismatched - Expected + Received <DocumentFragment> <div - class="MuiBox-root css-10klw3m" + class="MuiBox-root css-v2kfba" > <div - class="MuiGrid-root MuiGrid-container css-15vbc7x-MuiGrid-root" - > - <div - style="display: flex; align-items: center; padding-top: 20px; padding-bottom: 20px;" - > - <div + class="MuiGrid-root MuiGrid-container css-1r501zp-MuiGrid-root" + > + <div - class="MuiBox-root css-70qvj9" + class="MuiBox-root css-70qvj9" - > + > - <span + <span - aria-label="Systems Home" + aria-label="Systems Home" - class="" + class="" - data-mui-internal-clone-element="true" + data-mui-internal-clone-element="true" - > + > - <button + <button - aria-label="navigate to systems home" + aria-label="navigate to systems home" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root" - tabindex="0" + tabindex="0" - type="button" + type="button" - > - <svg + > + <svg - aria-hidden="true" + aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" - data-testid="HomeIcon" + data-testid="HomeIcon" - focusable="false" + focusable="false" - viewBox="0 0 24 24" + viewBox="0 0 24 24" - > + > - <path + <path - d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" + d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" - /> + /> - </svg> + </svg> - <span + <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" + class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> + /> - </button> + </button> - </span> + </span> - <nav + <nav - aria-label="breadcrumb" + aria-label="breadcrumb" - class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-1mc59t7-MuiTypography-root-MuiBreadcrumbs-root" + class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-1mc59t7-MuiTypography-root-MuiBreadcrumbs-root" - > + > - <ol + <ol - class="MuiBreadcrumbs-ol css-4pdmu4-MuiBreadcrumbs-ol" + class="MuiBreadcrumbs-ol css-4pdmu4-MuiBreadcrumbs-ol" - > - <li + > + <li - class="MuiBreadcrumbs-li" + class="MuiBreadcrumbs-li" - > + > - <div + <div - class="MuiBox-root css-8zy5qf" + class="MuiBox-root css-8zy5qf" - /> + /> - </li> + </li> - <li + <li - aria-hidden="true" + aria-hidden="true" - class="MuiBreadcrumbs-separator css-1wuw8dw-MuiBreadcrumbs-separator" + class="MuiBreadcrumbs-separator css-1wuw8dw-MuiBreadcrumbs-separator" - > - <svg + > + <svg - aria-hidden="true" + aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmal

TestingLibraryElementError: Found multiple elements with the role "progressbar" Here are the matching elements: Ignored nodes: comments, script, style <span aria-busy="true" aria-label="Loading" class="MuiLinearProgress-root MuiLinearProgress-colorPrimary MuiLinearProgress-indeterminate css-qprkun-MuiLinearProgress-root" role="progressbar" > <span class="MuiLinearProgress-bar MuiLinearProgress-barColorPrimary MuiLinearProgress-bar1Indeterminate css-5ir5xx-MuiLinearProgress-bar1" /> <span class="MuiLinearProgress-bar MuiLinearProgress-barColorPrimary MuiLinearProgress-bar2Indeterminate css-1r8wrcl-MuiLinearProgress-bar2" /> </span> Ignored nodes: comments, script, style <span aria-busy="true" aria-label="Loading" class="MuiLinearProgress-root MuiLinearProgress-colorPrimary MuiLinearProgress-indeterminate css-qprkun-MuiLinearProgress-root" role="progressbar" > <span class="MuiLinearProgress-bar MuiLinearProgress-barColorPrimary MuiLinearProgress-bar1Indeterminate css-5ir5xx-MuiLinearProgress-bar1" /> <span class="MuiLinearProgress-bar MuiLinearProgress-barColorPrimary MuiLinearProgress-bar2Indeterminate css-1r8wrcl-MuiLinearProgress-bar2" /> </span> (If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)). Ignored nodes: comments, script, style <body> <div> <div style="width: 100%; height: 100%;" > <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 css-1s80a98-MuiPaper-root" > <div class="MuiBox-root css-1tbggly" > <div class="Mui-ToolbarDropZone MuiBox-root css-1fwjva3" style="opacity: 0; visibility: hidden;" > <p class="MuiTypography-root MuiTypography-body1 css-p3gdy2-MuiTypography-root" > Drop to group by </p> </div> <div class="MuiBox-root css-wsew38" > <div class="MuiBox-root css-0" > <button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1owl11-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="AddIcon" focusable="false" viewBox="0 0 24 24" > <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" /> </svg> </span> Add Unit <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </button> <button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1owl11-MuiButtonBase-root-MuiButton-root" disabled="" tabindex="-1" type="button" > <span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon" > <svg aria-hidden="true" clas

Process completed with exit code 1.