Update dependency material-react-table to v3 (develop) #4407
renovate[bot]ci-build.yml
on: pull_request
Lint & Unit Tests
7m 51s
End-to-End (with mock data) Tests
12m 36s
End-to-End (with api) Tests
7m 34s
Docker
0s
Annotations
11 errors and 3 warnings
|
src/items/itemsTable.component.test.tsx > Items Table > renders correctly part 1 due column virtualisation:
src/items/itemsTable.component.test.tsx#L66
Error: Snapshot `Items Table > renders correctly part 1 due column virtualisation 1` mismatched
- Expected
+ Received
@@ -104,13 +104,13 @@
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
<input
aria-invalid="false"
- autocomplete="new-password"
+ autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-12yjm75-MuiInputBase-input-MuiOutlinedInput-input"
- id=":r0:"
+ id=":r1:"
placeholder="Search"
type="text"
value=""
/>
<div
@@ -226,14 +226,15 @@
<tr
class="MuiTableRow-root MuiTableRow-head css-ssspk8-MuiTableRow-root"
>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-87lrtp-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ardfv7-MuiTableCell-root"
colspan="1"
data-index="0"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15"
>
<div
@@ -250,15 +251,16 @@
/>
</div>
</th>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-13vkfc2-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-18iz3xe-MuiTableCell-root"
colspan="1"
data-can-sort="true"
data-index="1"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-c8wlay"
>
<div
@@ -372,95 +374,28 @@
<div
class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-jk1t0h-MuiFormControl-root-MuiTextField-root"
+ slotprops="[object Object]"
>
<div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-953pxc-MuiInputBase-root-MuiInput-root"
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-953pxc-MuiInputBase-root-MuiInput-root"
>
- <div
- class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-standard MuiInputAdornment-sizeMedium css-ittuaa-MuiInputAdornment-root"
- >
- <span
- class="notranslate"
- >
-
-
|
|
src/items/itemsTable.component.test.tsx > Items Table > renders correctly part 2 due column virtualisation:
src/items/itemsTable.component.test.tsx#L77
Error: Snapshot `Items Table > renders correctly part 2 due column virtualisation 1` mismatched
- Expected
+ Received
@@ -104,13 +104,13 @@
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
<input
aria-invalid="false"
- autocomplete="new-password"
+ autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-12yjm75-MuiInputBase-input-MuiOutlinedInput-input"
- id=":r1q:"
+ id=":r1m:"
placeholder="Search"
type="text"
value=""
/>
<div
@@ -226,14 +226,15 @@
<tr
class="MuiTableRow-root MuiTableRow-head css-ssspk8-MuiTableRow-root"
>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-87lrtp-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1ardfv7-MuiTableCell-root"
colspan="1"
data-index="0"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15"
>
<div
@@ -250,15 +251,16 @@
/>
</div>
</th>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-18f6efy-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-m03oha-MuiTableCell-root"
colspan="1"
data-can-sort="true"
data-index="1"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-c8wlay"
>
<div
@@ -372,95 +374,28 @@
<div
class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-jk1t0h-MuiFormControl-root-MuiTextField-root"
+ slotprops="[object Object]"
>
<div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-953pxc-MuiInputBase-root-MuiInput-root"
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-953pxc-MuiInputBase-root-MuiInput-root"
>
- <div
- class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-standard MuiInputAdornment-sizeMedium css-ittuaa-MuiInputAdornment-root"
- >
- <span
- class="notranslate"
- >
-
-
|
|
src/items/itemsTable.component.test.tsx > Items Table > sets the table filters and clears the table filters:
src/items/itemsTable.component.test.tsx#L189
TestingLibraryElementError: Unable to find a label with the text of: Filter by Serial Number
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<div
style="width: 100%;"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 css-1atu56z-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-k008qs"
>
<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 Item
<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"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="ClearIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
</span>
Clear Filters
</button>
</div>
<div
class="MuiBox-root css-1p0wbhh"
>
<div
class="MuiCollapse-root MuiCollapse-horizontal MuiCollapse-entered css-1d98dbz-MuiCollapse-root"
style="min-width: 0px;"
>
<div
class="MuiCollapse-wrapper MuiCollapse-horizontal css-18w3a48-MuiCollapse-wrapper"
>
<div
class="MuiCollapse-wrapperInner MuiCollapse-horizontal css-14vyde3-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiTextField-root css-11sh9fj-MuiFormControl-root-MuiTextField-root"
>
|
|
src/items/itemsTable.component.test.tsx > Items Table > renders the dense table correctly:
src/items/itemsTable.component.test.tsx#L434
Error: Snapshot `Items Table > renders the dense table correctly 1` mismatched
- Expected
+ Received
@@ -19,14 +19,15 @@
<tr
class="MuiTableRow-root MuiTableRow-head css-7sv680-MuiTableRow-root"
>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-14ibfyy-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1sbddw9-MuiTableCell-root"
colspan="1"
data-index="0"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15"
>
<div
@@ -73,15 +74,16 @@
/>
</div>
</th>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-kvdwgk-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-zpjmdx-MuiTableCell-root"
colspan="1"
data-can-sort="true"
data-index="1"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15"
>
<div
@@ -168,95 +170,28 @@
<div
class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-jk1t0h-MuiFormControl-root-MuiTextField-root"
+ slotprops="[object Object]"
>
<div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-953pxc-MuiInputBase-root-MuiInput-root"
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-953pxc-MuiInputBase-root-MuiInput-root"
>
- <div
- class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-standard MuiInputAdornment-sizeMedium css-ittuaa-MuiInputAdornment-root"
- >
- <span
- class="notranslate"
- >
-
- </span>
- <span
- aria-label="Change filter mode"
- class=""
- data-mui-internal-clone-element="true"
- >
- <button
- aria-label="Change filter mode"
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1cyhbc3-MuiButtonBase-root-MuiIconButton-root"
- tabindex="0"
- type="button"
- >
- <svg
- aria-hidden="true"
- class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
- data-testid="FilterListIcon"
- focusable="false"
-
|
|
src/items/itemsTable.component.test.tsx > Items Table > renders the multi-select filter mode dropdown correctly:
src/items/itemsTable.component.test.tsx#L442
TestingLibraryElementError: Unable to find an element by: [data-testid="FilterListIcon"]
Ignored nodes: comments, script, style
<body
style=""
>
<div
aria-hidden="true"
>
<div
style="width: 100%;"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 css-1atu56z-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-k008qs"
>
<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 Item
<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"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="ClearIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
</span>
Clear Filters
</button>
</div>
<div
class="MuiBox-root css-1p0wbhh"
>
<div
class="MuiCollapse-root MuiCollapse-horizontal MuiCollapse-entered css-1d98dbz-MuiCollapse-root"
style="min-width: 0px;"
>
<div
class="MuiCollapse-wrapper MuiCollapse-horizontal css-18w3a48-MuiCollapse-wrapper"
>
<div
class="MuiCollapse-wrapperInner MuiCollapse-horizontal css-14vyde3-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiTextField-root css-11sh9fj-MuiFormControl-root-MuiTextField-root"
|
|
src/manufacturer/manufacturerTable.component.test.tsx > Manufacturer Table > renders table data correctly:
src/manufacturer/manufacturerTable.component.test.tsx#L36
Error: Snapshot `Manufacturer Table > renders table data correctly 1` mismatched
- Expected
+ Received
@@ -101,13 +101,13 @@
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
<input
aria-invalid="false"
- autocomplete="new-password"
+ autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-12yjm75-MuiInputBase-input-MuiOutlinedInput-input"
- id=":r1b:"
+ id=":r14:"
placeholder="Search"
type="text"
value=""
/>
<div
@@ -222,14 +222,15 @@
<tr
class="MuiTableRow-root MuiTableRow-head css-ssspk8-MuiTableRow-root"
>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-14og0m0-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-10feds6-MuiTableCell-root"
colspan="1"
data-index="0"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15"
>
<div
@@ -246,15 +247,16 @@
/>
</div>
</th>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-1vee8kb-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-t6mm6i-MuiTableCell-root"
colspan="1"
data-can-sort="true"
data-index="1"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-c8wlay"
>
<div
@@ -368,95 +370,28 @@
<div
class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-jk1t0h-MuiFormControl-root-MuiTextField-root"
+ slotprops="[object Object]"
>
<div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-953pxc-MuiInputBase-root-MuiInput-root"
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-953pxc-MuiInputBase-root-MuiInput-root"
>
- <div
- class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-standard MuiInputAdornment-sizeMedium css-ittuaa-MuiInputAdornment-root"
- >
- <span
- class="notranslate"
- >
-
- </span>
- <span
- aria-label="Change filter mode"
- c
|
|
src/manufacturer/manufacturerTable.component.test.tsx > Manufacturer Table > sets the table filters and clears the table filters:
src/manufacturer/manufacturerTable.component.test.tsx#L122
TestingLibraryElementError: Unable to find a label with the text of: Filter by Name
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<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 Manufacturer
<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"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="ClearIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
</span>
Clear Filters
</button>
</div>
<div
class="MuiBox-root css-1p0wbhh"
>
<div
class="MuiCollapse-root MuiCollapse-horizontal MuiCollapse-entered css-1d98dbz-MuiCollapse-root"
style="min-width: 0px;"
>
<div
class="MuiCollapse-wrapper MuiCollapse-horizontal css-18w3a48-MuiCollapse-wrapper"
>
<div
class="MuiCollapse-wrapperInner MuiCollapse-horizontal css-14vyde3-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiTextField-root css-11sh9fj-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd css-1v8abvc-MuiIn
|
|
src/systems/systemItemsTable.component.test.tsx > SystemItemsTable > SystemItemsTable (normal) > renders correctly:
src/systems/systemItemsTable.component.test.tsx#L77
Error: Snapshot `SystemItemsTable > SystemItemsTable (normal) > renders correctly 1` mismatched
- Expected
+ Received
@@ -100,13 +100,13 @@
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
<input
aria-invalid="false"
- autocomplete="new-password"
+ autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-12yjm75-MuiInputBase-input-MuiOutlinedInput-input"
- id=":r1:"
+ id=":r2:"
placeholder="Search"
type="text"
value=""
/>
<div
@@ -243,15 +243,16 @@
<tr
class="MuiTableRow-root MuiTableRow-head css-ssspk8-MuiTableRow-root"
>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-leh31c-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-13a2f82-MuiTableCell-root"
colspan="1"
data-can-sort="true"
data-index="0"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-c8wlay"
>
<div
@@ -365,66 +366,36 @@
<div
class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-jk1t0h-MuiFormControl-root-MuiTextField-root"
+ slotprops="[object Object]"
>
<div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-953pxc-MuiInputBase-root-MuiInput-root"
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-953pxc-MuiInputBase-root-MuiInput-root"
>
<input
aria-invalid="false"
- aria-label="Filter by Catalogue Item"
- autocomplete="new-password"
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
- id=":ra:"
+ class="MuiInputBase-input MuiInput-input css-1x51dt5-MuiInputBase-input-MuiInput-input"
+ id=":rb:"
placeholder="Filter by Catalogue Item"
- title="Filter by Catalogue Item"
type="text"
value=""
/>
- <div
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-standard MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
- >
- <span
- aria-label="Clear filter"
- class=""
- data-mui-internal-clone-element="true"
- >
- <button
-
|
|
src/systems/systemItemsTable.component.test.tsx > SystemItemsTable > SystemItemsTable (normal) > can set a table filter and clear them again:
src/systems/systemItemsTable.component.test.tsx#L130
TestingLibraryElementError: Unable to find a label with the text of: Filter by Catalogue Item
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 css-1atu56z-MuiPaper-root"
style="max-width: 100%;"
>
<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-k008qs"
>
<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"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="ClearIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
</span>
Clear Filters
</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"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="DriveFileMoveOutlinedIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m0 12H4V6h5.17l1.41 1.41.59.59H20zm-7.84-6H8v2h4.16l-1.59 1.59L11.99 17 16 13.01 11.99 9l-1.41 1.41z"
/>
</svg>
</span>
Move to
</button>
</div>
<div
class="MuiBox-root css-1p0wbhh"
>
<div
class="MuiCollapse-root MuiCollapse-horizontal MuiCollapse-entered css-1d98dbz-MuiCollapse-root"
style="min-width: 0px;"
>
<div
class="MuiCollapse-wrapper MuiCollapse-horizontal css-18w3a48-MuiCollapse-wrapper"
>
<div
class="MuiCollapse-wrapperInner MuiCollapse-horizontal css-14vyde3-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiTextField-root css-11sh9fj-MuiFormControl-root-MuiTextField-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPr
|
|
src/systems/systemItemsTable.component.test.tsx > SystemItemsTable > SystemItemsTable (usageStatus) > renders correctly:
src/systems/systemItemsTable.component.test.tsx#L393
Error: Snapshot `SystemItemsTable > SystemItemsTable (usageStatus) > renders correctly 1` mismatched
- Expected
+ Received
@@ -77,13 +77,13 @@
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
<input
aria-invalid="false"
- autocomplete="new-password"
+ autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-12yjm75-MuiInputBase-input-MuiOutlinedInput-input"
- id=":rja:"
+ id=":rif:"
placeholder="Search"
type="text"
value=""
/>
<div
@@ -176,15 +176,16 @@
<tr
class="MuiTableRow-root MuiTableRow-head css-7sv680-MuiTableRow-root"
>
<th
aria-sort="none"
- class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-6tsrk2-MuiTableCell-root"
+ class="MuiTableCell-root MuiTableCell-head MuiTableCell-stickyHeader MuiTableCell-alignLeft MuiTableCell-sizeMedium css-qrbahe-MuiTableCell-root"
colspan="1"
data-can-sort="true"
data-index="0"
scope="col"
+ tabindex="0"
>
<div
class="Mui-TableHeadCell-Content MuiBox-root css-1w86f15"
>
<div
@@ -271,66 +272,36 @@
<div
class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-jk1t0h-MuiFormControl-root-MuiTextField-root"
+ slotprops="[object Object]"
>
<div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-953pxc-MuiInputBase-root-MuiInput-root"
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-953pxc-MuiInputBase-root-MuiInput-root"
>
<input
aria-invalid="false"
- aria-label="Filter by Catalogue Item"
- autocomplete="new-password"
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
- id=":rjg:"
+ class="MuiInputBase-input MuiInput-input css-1x51dt5-MuiInputBase-input-MuiInput-input"
+ id=":ril:"
placeholder="Filter by Catalogue Item"
- title="Filter by Catalogue Item"
type="text"
value=""
/>
- <div
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-standard MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
- >
- <span
- aria-label="Clear filter"
- class=""
- data-mui-internal-clone-element="true"
- >
- <button
-
|
|
End-to-End (with mock data) Tests
Process completed with exit code 1.
|
|
End-to-End (with api) Tests
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Lint & Unit Tests
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
End-to-End (with mock data) Tests
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
Inventory management system Screenshots
Expired
|
6.93 MB |
|