Feat/80 implementar responsividade #144
nayarakarinesilvaAnnotations
3 errors and 1 warning
|
validate
Process completed with exit code 1.
|
|
tests/unit/components/JobsHeaderCard.test.tsx > JobsHeaderCard > renderiza o botao de alternar tema:
frontend/tests/unit/components/JobsHeaderCard.test.tsx#L20
TestingLibraryElementError: Found multiple elements with the role "button" and name "Ativar tema escuro"
Here are the matching elements:
Ignored nodes: comments, script, style
<button
aria-label="Ativar tema escuro"
class="inline-flex items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:text-accent-foreground h-9 px-3 gap-2 hover:bg-accent/40 transition-all duration-300 rounded-lg"
title="Ativar tema escuro"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-moon h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
/>
</svg>
<span
class="hidden sm:inline"
>
Tema escuro
</span>
</button>
Ignored nodes: comments, script, style
<button
aria-label="Ativar tema escuro"
class="inline-flex items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:text-accent-foreground h-9 px-3 gap-2 hover:bg-accent/40 transition-all duration-300 rounded-lg"
title="Ativar tema escuro"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-moon h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
/>
</svg>
<span
class="hidden sm:inline"
>
Tema escuro
</span>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-screen bg-[#004726] dark:bg-[#003318] p-6 -mx-4 md:-mx-8 flex flex-col gap-4 md:flex-row md:items-end"
>
<div
class="flex items-start justify-between w-full md:w-auto"
>
<h3
class="font-semibold tracking-tight text-3xl text-white"
>
<img
alt="Painel de Vagas"
class="w-16 md:w-auto"
src="/src/assets/logo-painel-vagas.svg"
/>
</h3>
<div
class="md:hidden"
>
<button
aria-label="Ativar tema escuro"
class="inline-flex items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:text-accent-foreground h-9 px-3 gap-2 hover:bg-accent/40 transition-all duration-300 rounded-lg"
title="Ativar tema escuro"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-moon h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
/>
</svg>
<span
class="hidden sm:inline"
>
Tema escuro
</span>
</button>
</div>
</div>
<p
class="text-white text-sm md:text-base"
>
Leit
|
|
tests/unit/components/JobsHeaderCard.test.tsx > JobsHeaderCard > renderiza logo acessivel e descricao:
frontend/tests/unit/components/JobsHeaderCard.test.tsx#L14
TestingLibraryElementError: Unable to find an element with the text: Leitura automatica dos arquivos XLSX gerados em output.. 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="w-screen bg-[#004726] dark:bg-[#003318] p-6 -mx-4 md:-mx-8 flex flex-col gap-4 md:flex-row md:items-end"
>
<div
class="flex items-start justify-between w-full md:w-auto"
>
<h3
class="font-semibold tracking-tight text-3xl text-white"
>
<img
alt="Painel de Vagas"
class="w-16 md:w-auto"
src="/src/assets/logo-painel-vagas.svg"
/>
</h3>
<div
class="md:hidden"
>
<button
aria-label="Ativar tema escuro"
class="inline-flex items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:text-accent-foreground h-9 px-3 gap-2 hover:bg-accent/40 transition-all duration-300 rounded-lg"
title="Ativar tema escuro"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-moon h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
/>
</svg>
<span
class="hidden sm:inline"
>
Tema escuro
</span>
</button>
</div>
</div>
<p
class="text-white text-sm md:text-base"
>
Leitura automática dos arquivos
<br />
XLSX gerados em output.
</p>
<div
class="hidden md:block ml-auto self-start mr-8"
>
<button
aria-label="Ativar tema escuro"
class="inline-flex items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:text-accent-foreground h-9 px-3 gap-2 hover:bg-accent/40 transition-all duration-300 rounded-lg"
title="Ativar tema escuro"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-moon h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
/>
</svg>
<span
class="hidden sm:inline"
>
Tema escuro
</span>
</button>
</div>
</div>
</div>
</body>
❯ Object.getElementError ../node_modules/@testing-library/dom/dist/config.js:37:19
❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/unit/components/JobsHeaderCard.test.tsx:14:19
|
|
validate
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|