TypeError: Cannot read properties of undefined (reading 'value') ❯ handleSubmit src/components/shared/AddImagesCarouselDialog.jsx:116:48 ❯ HTMLUnknownElement.callCallback node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4164:14 ❯ HTMLUnknownElement.callTheUserObjectsOperation node_modules/.pnpm/jsdom@25.0.0/node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30 ❯ innerInvokeEventListeners node_modules/.pnpm/jsdom@25.0.0/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25 ❯ invokeEventListeners node_modules/.pnpm/jsdom@25.0.0/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3 ❯ HTMLUnknownElementImpl._dispatch node_modules/.pnpm/jsdom@25.0.0/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9 ❯ HTMLUnknownElementImpl.dispatchEvent node_modules/.pnpm/jsdom@25.0.0/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17 ❯ HTMLUnknownElement.dispatchEvent node_modules/.pnpm/jsdom@25.0.0/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34 ❯ Object.invokeGuardedCallbackDev node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4213:16 ❯ invokeGuardedCallback node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4277:31 This error originated in "src/__test__/AddImagesCarouselDialog.test.jsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "src/__test__/AddImagesCarouselDialog.test.jsx". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.

TestingLibraryElementError: Unable to find an accessible element with the role "form" Here are the accessible roles: presentation: Name "": <form class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root" role="presentation" /> Name "": <div class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-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" /> -------------------------------------------------- dialog: Name "": <div aria-labelledby=":r4:" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthMd MuiDialog-paperFullWidth css-rnmm7m-MuiPaper-root-MuiDialog-paper" role="dialog" /> -------------------------------------------------- heading: Name "Actualizar imagenes": <h4 class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root" /> -------------------------------------------------- paragraph: Name "": <p class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-x9qjxg-MuiTypography-root-MuiDialogContentText-root" id="alert-dialog-slide-description" /> -------------------------------------------------- checkbox: Name "¿La imagen debería redireccionar a un link?": <input class="PrivateSwitchBase-input css-1m9pwf3" data-indeterminate="false" type="checkbox" /> -------------------------------------------------- combobox: Name "Posición": <div aria-controls=":r7:" aria-expanded="false" aria-haspopup="listbox" aria-labelledby="position-label position" class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input" id="position" role="combobox" tabindex="0" /> -------------------------------------------------- button: Name "Cancelar": <button 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" tabindex="0" type="button" /> Name "Actualizar": <button 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" tabindex="0" type="submit" /> --------------------------------------------------presentation: Name "": <div class="MuiPopover-root MuiMenu-root MuiModal-root css-10nakn3-MuiModal-root-MuiPopover-root-MuiMenu-root" id="menu-position" role="presentation" /> -------------------------------------------------- listbox: Name "Posición": <ul aria-labelledby="position-label" class="MuiList-root MuiList-padding MuiMenu-list css-6hp17o-MuiList-root-MuiMenu-list" id=":r7:" role="listbox" tabindex="-1" /> -------------------------------------------------- option: Name "1": <li aria-selected="true" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters Mui-selected MuiMenuItem-root MuiMenuItem-gutters Mui-selected css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root" data-value="1" role="option" tabindex="0" /> Name "2": <li aria-selected="false" class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root" data-value="2" role="option" tabindex="-1" /> Name

TestingLibraryElementError: Unable to find an element with the text: Debes añadir una imagen. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="MuiBox-root css-0" > <span class="MuiLinearProgress-root MuiLinearProgress-colorSecondary MuiLinearProgress-indeterminate css-cnlf9j-MuiLinearProgress-root" role="progressbar" style="opacity: 0; visibility: hidden;" > <span class="MuiLinearProgress-bar MuiLinearProgress-barColorSecondary MuiLinearProgress-bar1Indeterminate css-p53mz9-MuiLinearProgress-bar1" /> <span class="MuiLinearProgress-bar MuiLinearProgress-barColorSecondary MuiLinearProgress-bar2Indeterminate css-xybj4j-MuiLinearProgress-bar2" /> </span> </div> </div> <form class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-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" 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=":r8:" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthMd MuiDialog-paperFullWidth css-rnmm7m-MuiPaper-root-MuiDialog-paper" role="dialog" > <div class="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root" > <h4 class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root" > Actualizar imagenes </h4> <p class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-x9qjxg-MuiTypography-root-MuiDialogContentText-root" id="alert-dialog-slide-description" > Añade la imagen que deseas mostrar en el carousel de la página principal. </p> <div class="MuiBox-root css-0" > <div class="MuiFormGroup-root css-idte8i-MuiFormGroup-root" > <label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root" > <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-12wnr2w-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>

Process completed with exit code 1.

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/