Skip to content

fix keyboard navigation issues with windowTopMenu #1493

fix keyboard navigation issues with windowTopMenu

fix keyboard navigation issues with windowTopMenu #1493

Triggered via pull request December 19, 2024 11:54
@fstoefstoe
synchronize #3914
fstoe:3903
Status Failure
Total duration 4m 27s
Artifacts

node.js.yml

on: pull_request
Matrix: build
Fit to window
Zoom out
Zoom in

Annotations

23 errors and 1 warning
__tests__/src/components/WindowTopMenu.test.js > WindowTopMenu > renders all needed elements when open: __tests__/src/components/WindowTopMenu.test.js#L40
AssertionError: expected [ <li …(4)>…(2)</li>, …(2) ] to have a length of 5 but got 3 - Expected + Received - 5 + 3 ❯ __tests__/src/components/WindowTopMenu.test.js:40:23
__tests__/src/components/WindowTopMenu.test.js > WindowTopMenu > fires the correct callbacks on menu close: src/state/actions/window.js#L170
TypeError: Cannot destructure property 'thumbnailNavigationId' of 'windows[windowId]' as it is undefined. ❯ src/state/actions/window.js:170:13 ❯ node_modules/redux-thunk/dist/redux-thunk.mjs:5:14 ❯ boundActionCreators.<computed> node_modules/react-redux/src/utils/bindActionCreators.ts:12:47 ❯ handleChange src/components/WindowThumbnailSettings.js:43:37 ❯ onClick src/components/WindowThumbnailSettings.js:53:28 ❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:4164:14 ❯ HTMLUnknownElement.#callDispatchEventListeners node_modules/happy-dom/src/event/EventTarget.ts:286:41 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/event/EventTarget.ts:121:35 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/nodes/element/Element.ts:1252:29 ❯ HTMLUnknownElement.#goThroughDispatchEventPhases node_modules/happy-dom/src/event/EventTarget.ts:184:32
__tests__/src/components/WindowTopMenuButton.test.js > WindowTopMenuButton > toggles open/close of <WindowTopMenu/> when clicked: src/state/actions/window.js#L170
TypeError: Cannot destructure property 'thumbnailNavigationId' of 'windows[windowId]' as it is undefined. ❯ src/state/actions/window.js:170:13 ❯ node_modules/redux-thunk/dist/redux-thunk.mjs:5:14 ❯ boundActionCreators.<computed> node_modules/react-redux/src/utils/bindActionCreators.ts:12:47 ❯ handleChange src/components/WindowThumbnailSettings.js:43:37 ❯ onClick src/components/WindowThumbnailSettings.js:53:28 ❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:4164:14 ❯ HTMLUnknownElement.#callDispatchEventListeners node_modules/happy-dom/src/event/EventTarget.ts:286:41 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/event/EventTarget.ts:121:35 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/nodes/element/Element.ts:1252:29 ❯ HTMLUnknownElement.#goThroughDispatchEventPhases node_modules/happy-dom/src/event/EventTarget.ts:184:32
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > renders all elements correctly: __tests__/src/components/WindowViewSettings.test.js#L24
AssertionError: expected +0 to be 4 // Object.is equality - Expected + Received - 4 + 0 ❯ __tests__/src/components/WindowViewSettings.test.js:24:30
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > single should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L32
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Single/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> Name "Book": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Scroll": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Gallery": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-colorSecondary MuiSvgIcon-fontSizeMedium css-1hsd4a3-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1m9ymud-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > book should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Book/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Book": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> Name "Scroll": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Gallery": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-colorSecondary MuiSvgIcon-fontSizeMedium css-9pfmda-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24"
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > scroll should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L42
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Scroll/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Book": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Scroll": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> Name "Gallery": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1m9ymud-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/sv
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > gallery should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L47
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Gallery/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Book": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Scroll": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Gallery": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1m9ymud-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/s
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > updates state when the view config selection changes: __tests__/src/components/WindowViewSettings.test.js#L55
AssertionError: expected +0 to be 4 // Object.is equality - Expected + Received - 4 + 0 ❯ __tests__/src/components/WindowViewSettings.test.js:55:30
build (20.x)
Process completed with exit code 1.
build (22.x)
The job was canceled because "_20_x" failed.
__tests__/src/components/WindowTopMenu.test.js > WindowTopMenu > renders all needed elements when open: __tests__/src/components/WindowTopMenu.test.js#L40
AssertionError: expected [ <li …(4)>…(2)</li>, …(2) ] to have a length of 5 but got 3 - Expected + Received - 5 + 3 ❯ __tests__/src/components/WindowTopMenu.test.js:40:23
__tests__/src/components/WindowTopMenu.test.js > WindowTopMenu > fires the correct callbacks on menu close: src/state/actions/window.js#L170
TypeError: Cannot destructure property 'thumbnailNavigationId' of 'windows[windowId]' as it is undefined. ❯ src/state/actions/window.js:170:13 ❯ node_modules/redux-thunk/dist/redux-thunk.mjs:5:14 ❯ boundActionCreators.<computed> node_modules/react-redux/src/utils/bindActionCreators.ts:12:47 ❯ handleChange src/components/WindowThumbnailSettings.js:43:37 ❯ onClick src/components/WindowThumbnailSettings.js:53:28 ❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:4164:14 ❯ HTMLUnknownElement.#callDispatchEventListeners node_modules/happy-dom/src/event/EventTarget.ts:286:41 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/event/EventTarget.ts:121:35 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/nodes/element/Element.ts:1252:29 ❯ HTMLUnknownElement.#goThroughDispatchEventPhases node_modules/happy-dom/src/event/EventTarget.ts:184:32
__tests__/src/components/WindowTopMenuButton.test.js > WindowTopMenuButton > toggles open/close of <WindowTopMenu/> when clicked: src/state/actions/window.js#L170
TypeError: Cannot destructure property 'thumbnailNavigationId' of 'windows[windowId]' as it is undefined. ❯ src/state/actions/window.js:170:13 ❯ node_modules/redux-thunk/dist/redux-thunk.mjs:5:14 ❯ boundActionCreators.<computed> node_modules/react-redux/src/utils/bindActionCreators.ts:12:47 ❯ handleChange src/components/WindowThumbnailSettings.js:43:37 ❯ onClick src/components/WindowThumbnailSettings.js:53:28 ❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:4164:14 ❯ HTMLUnknownElement.#callDispatchEventListeners node_modules/happy-dom/src/event/EventTarget.ts:286:41 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/event/EventTarget.ts:121:35 ❯ HTMLUnknownElement.dispatchEvent node_modules/happy-dom/src/nodes/element/Element.ts:1252:29 ❯ HTMLUnknownElement.#goThroughDispatchEventPhases node_modules/happy-dom/src/event/EventTarget.ts:184:32
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > renders all elements correctly: __tests__/src/components/WindowViewSettings.test.js#L24
AssertionError: expected +0 to be 4 // Object.is equality - Expected + Received - 4 + 0 ❯ __tests__/src/components/WindowViewSettings.test.js:24:30
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > single should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L32
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Single/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> Name "Book": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Scroll": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Gallery": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-colorSecondary MuiSvgIcon-fontSizeMedium css-1hsd4a3-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1m9ymud-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > book should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Book/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Book": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> Name "Scroll": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Gallery": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-colorSecondary MuiSvgIcon-fontSizeMedium css-9pfmda-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24"
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > scroll should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L42
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Scroll/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Book": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Scroll": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> Name "Gallery": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1m9ymud-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/sv
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > gallery should set the correct label active (by setting the secondary color): __tests__/src/components/WindowViewSettings.test.js#L47
TestingLibraryElementError: Unable to find an accessible element with the role "menuitem" and name `/Gallery/` Here are the accessible roles: presentation: Name "": <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" /> -------------------------------------------------- menubar: Name "": <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" /> -------------------------------------------------- menuitemradio: Name "Single": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Book": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Scroll": <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" /> Name "Gallery": <li aria-checked="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-17lid5b-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="0" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <li class="MuiListSubheader-root MuiListSubheader-gutters css-5qqijm-MuiListSubheader-root" role="presentation" > View </li> <ul class="MuiList-root MuiList-padding css-1p75baz-MuiList-root-WindowViewSettings-option" role="menubar" tabindex="-1" > <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="CropOriginalSharpIcon" fill="currentcolor" focusable="false" value="single" viewBox="0 0 24 24" > <path d="M21 3H3v18h18zm-2 16H5V5h14zm-5.04-6.71-2.75 3.54-1.96-2.36L6.5 17h11z" /> </svg> <span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-vvl3q8-MuiTypography-root" > Single </span> </label> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </li> <li aria-checked="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-jjngcl-MuiButtonBase-root-MuiMenuItem-root-WindowViewSettings-option" role="menuitemradio" tabindex="-1" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementBottom css-1c1s55e-MuiFormControlLabel-root" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1m9ymud-MuiSvgIcon-root" fill="currentcolor" focusable="false" height="24" value="book" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/s
__tests__/src/components/WindowViewSettings.test.js > WindowViewSettings > updates state when the view config selection changes: __tests__/src/components/WindowViewSettings.test.js#L55
AssertionError: expected +0 to be 4 // Object.is equality - Expected + Received - 4 + 0 ❯ __tests__/src/components/WindowViewSettings.test.js:55:30
build (22.x)
The operation was canceled.
build (18.x)
The job was canceled because "_20_x" failed.
build (18.x)
The operation was canceled.
build (20.x)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636