Enhance System Items Table Filtering #4336
Annotations
7 errors and 1 warning
|
src/systems/systemItemsDialog.component.test.tsx#L55
TestingLibraryElementError: Unable to find role="option" and name "Used"
Ignored nodes: comments, script, style
<ul
aria-multiselectable="true"
class="MuiList-root MuiList-padding MuiMenu-list css-6hp17o-MuiList-root-MuiMenu-list"
id=":r8m:"
role="listbox"
tabindex="-1"
>
<li
aria-disabled="true"
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider Mui-disabled MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider css-1elei02-MuiButtonBase-root-MuiMenuItem-root"
data-value=""
hidden=""
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-1tzeee1"
>
Filter by Catalogue Item
</div>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
/>
</svg>
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</span>
Cameras 1
(2)
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</li>
</ul>
Ignored nodes: comments, script, style
<ul
aria-multiselectable="true"
class="MuiList-root MuiList-padding MuiMenu-list css-6hp17o-MuiList-root-MuiMenu-list"
id=":r8m:"
role="listbox"
tabindex="-1"
>
<li
aria-disabled="true"
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider Mui-disabled MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider css-1elei02-MuiButtonBase-root-MuiMenuItem-root"
data-value=""
hidden=""
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-1tzeee1"
>
Filter by Catalogue Item
</div>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
/>
</svg>
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</span>
Cameras 1
(2)
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</li>
</ul>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
|
|
src/systems/systemItemsTable.component.test.tsx#L143
Error: Unable to perform pointer interaction as the element has `pointer-events: none`:
BUTTON(label=Clear Filters)
❯ assertPointerEvents node_modules/@testing-library/user-event/dist/esm/utils/pointer/cssPointerEvents.js:45:15
❯ Object.enter node_modules/@testing-library/user-event/dist/esm/system/pointer/pointer.js:55:17
❯ PointerHost.move node_modules/@testing-library/user-event/dist/esm/system/pointer/index.js:48:79
❯ pointerAction node_modules/@testing-library/user-event/dist/esm/pointer/index.js:62:39
❯ Object.pointer node_modules/@testing-library/user-event/dist/esm/pointer/index.js:30:15
❯ Object.asyncWrapper node_modules/@testing-library/react/dist/pure.js:88:22
❯ src/systems/systemItemsTable.component.test.tsx:143:7
|
|
src/systems/systemItemsTable.component.test.tsx#L311
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Used"
Here are the accessible roles:
option:
Name "Cameras 1 (2)":
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
/>
--------------------------------------------------
checkbox:
Name "":
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------option:
Name "Cameras 6 (2)":
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 6"
role="option"
tabindex="-1"
/>
--------------------------------------------------
checkbox:
Name "":
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<ul
aria-multiselectable="true"
class="MuiList-root MuiList-padding MuiMenu-list css-6hp17o-MuiList-root-MuiMenu-list"
id=":rli:"
role="listbox"
tabindex="-1"
>
<li
aria-disabled="true"
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider Mui-disabled MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider css-1elei02-MuiButtonBase-root-MuiMenuItem-root"
data-value=""
hidden=""
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-1tzeee1"
>
Filter by Catalogue Item
</div>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
/>
</svg>
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</span>
Cameras 1
(2)
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 6"
role="option"
tabindex="-1"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
|
|
src/systems/systemItemsTable.component.test.tsx#L489
Error: expect(element).toHaveValue(New)
Expected the element to have value:
New
Received:
undefined
❯ src/systems/systemItemsTable.component.test.tsx:489:50
|
|
src/systems/systemItemsTable.component.test.tsx#L311
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Used"
Here are the accessible roles:
option:
Name "Cameras 1 (2)":
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
/>
--------------------------------------------------
checkbox:
Name "":
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------option:
Name "Cameras 6 (2)":
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 6"
role="option"
tabindex="-1"
/>
--------------------------------------------------
checkbox:
Name "":
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<ul
aria-multiselectable="true"
class="MuiList-root MuiList-padding MuiMenu-list css-6hp17o-MuiList-root-MuiMenu-list"
id=":ro9:"
role="listbox"
tabindex="-1"
>
<li
aria-disabled="true"
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider Mui-disabled MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider css-1elei02-MuiButtonBase-root-MuiMenuItem-root"
data-value=""
hidden=""
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-1tzeee1"
>
Filter by Catalogue Item
</div>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
/>
</svg>
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</span>
Cameras 1
(2)
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 6"
role="option"
tabindex="-1"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
|
|
src/systems/systemItemsTable.component.test.tsx#L311
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Used"
Here are the accessible roles:
option:
Name "Cameras 1 (2)":
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
/>
--------------------------------------------------
checkbox:
Name "":
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------option:
Name "Cameras 6 (2)":
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 6"
role="option"
tabindex="-1"
/>
--------------------------------------------------
checkbox:
Name "":
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<ul
aria-multiselectable="true"
class="MuiList-root MuiList-padding MuiMenu-list css-6hp17o-MuiList-root-MuiMenu-list"
id=":rpe:"
role="listbox"
tabindex="-1"
>
<li
aria-disabled="true"
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider Mui-disabled MuiMenuItem-root Mui-disabled MuiMenuItem-gutters MuiMenuItem-divider css-1elei02-MuiButtonBase-root-MuiMenuItem-root"
data-value=""
hidden=""
role="option"
tabindex="-1"
>
<div
class="MuiBox-root css-1tzeee1"
>
Filter by Catalogue Item
</div>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 1"
role="option"
tabindex="0"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
/>
</svg>
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</span>
Cameras 1
(2)
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</li>
<li
aria-selected="false"
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-18y33vv-MuiButtonBase-root-MuiMenuItem-root"
data-value="Cameras 6"
role="option"
tabindex="-1"
>
<span
class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-16rp2hs-MuiButtonBase-root-MuiCheckbox-root"
>
<input
class="PrivateSwitchBase-input css-1m9pwf3"
data-indeterminate="false"
type="checkbox"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckBoxOutlineBlankIcon"
focusable="false"
viewBox="0 0 24 24"
|
|
|
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
This job failed
Loading