Refactor Login component to utilize SnackbarContext and ProgressbarCo… #167
Annotations
7 errors and 2 warnings
|
Run tests:
frontend/src/components/shared/AddImagesCarouselDialog.jsx#L116
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.1/node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30
❯ innerInvokeEventListeners node_modules/.pnpm/jsdom@25.0.1/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25
❯ invokeEventListeners node_modules/.pnpm/jsdom@25.0.1/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3
❯ HTMLUnknownElementImpl._dispatch node_modules/.pnpm/jsdom@25.0.1/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9
❯ HTMLUnknownElementImpl.dispatchEvent node_modules/.pnpm/jsdom@25.0.1/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17
❯ HTMLUnknownElement.dispatchEvent node_modules/.pnpm/jsdom@25.0.1/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.
|
|
Run tests:
frontend/src/__test__/AddImagesCarouselDialog.test.jsx#L84
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
|
|
Run tests:
frontend/src/__test__/AddImagesCarouselDialog.test.jsx#L101
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>
|
|
Run tests:
frontend/src/__test__/SwiperSlider.test.jsx#L20
TestingLibraryElementError: Unable to find an element with the text: Rodrigo Lozano. 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>
<div>
<div
class="swiper swiper-initialized swiper-horizontal mySwiper"
style="width: 100%; padding: 2rem; user-select: none;"
>
<div
class="swiper-wrapper"
style="transition-duration: 0ms; transition-delay: 0ms; transform: translate3d(NaNpx, 0px, 0px);"
>
<div
class="swiper-slide"
role="listitem"
>
<div
class="MuiBox-root css-112xhuj"
>
<img
alt="Marcela Osorio"
src="/src/images/managers-jr/28553156.webp"
style="width: 100%; max-width: 350px; border-radius: 5%; object-fit: cover;"
/>
<div
class="MuiBox-root css-1f22eb2"
>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
>
Marcela Osorio
</h4>
<h6
class="MuiTypography-root MuiTypography-subtitle1 css-10wpov9-MuiTypography-root"
>
GERENTE JR. DE MESA DE SERVICIO
</h6>
</div>
</div>
</div>
<div
class="swiper-slide"
role="listitem"
>
<div
class="MuiBox-root css-112xhuj"
>
<img
alt="Christian Moncaleano"
src="/src/images/managers-jr/1010178143.webp"
style="width: 100%; max-width: 350px; border-radius: 5%; object-fit: cover;"
/>
<div
class="MuiBox-root css-1f22eb2"
>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
>
Christian Moncaleano
</h4>
<h6
class="MuiTypography-root MuiTypography-subtitle1 css-10wpov9-MuiTypography-root"
>
GERENTE JR. DE APLICACIONES DE CONTACT CENTER
</h6>
</div>
</div>
</div>
<div
class="swiper-slide"
role="listitem"
>
<div
class="MuiBox-root css-112xhuj"
>
<img
alt="Adriana Barrera"
src="/src/images/managers-jr/52716114.webp"
style="width: 100%; max-width: 350px; border-radius: 5%; object-fit: cover;"
/>
<div
class="MuiBox-root css-1f22eb2"
>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
>
Adriana Barrera
</h4>
<h6
class="MuiTypography-root MuiTypography-subtitle1 css-10wpov9-MuiTypography-root"
>
GERENTE DE CUENTAS
</h6>
</div>
</div>
</div>
<div
class="swiper-slide"
role="listitem"
>
<div
class="MuiBox-root css-112xhuj"
>
<img
alt="Katterene Castrillon"
src="/src/images/managers-jr/53069726.webp"
style="width: 100%; max-width: 350px; border-radius: 5%; object-fit: cover;"
/>
<div
class="MuiBox-root css-1f22eb2"
>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
>
Katterene Castrillon
</h4>
<h6
class="MuiTypography-root MuiTypography-subtitle1 css-10wpov9-MuiTypography-root"
>
GERENTE DE CUENTAS
</h6>
</div>
</div>
</d
|
|
Run tests:
frontend/src/__test__/SwiperSlider.test.jsx#L27
AssertionError: expected 7 to be 9 // Object.is equality
- Expected
+ Received
- 9
+ 7
❯ src/__test__/SwiperSlider.test.jsx:27:31
|
|
Run tests:
frontend/src/__test__/SwiperSlider.test.jsx#L33
AssertionError: expected 7 to be 9 // Object.is equality
- Expected
+ Received
- 9
+ 7
❯ src/__test__/SwiperSlider.test.jsx:33:31
|
|
Run tests
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/
|
|
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v2, actions/setup-node@v2. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
Loading