[MAPA-412] feat: adds UI baseline #12
vivianediasAnnotations
2 errors
|
src/__tests__/App.spec.tsx > App > renders headline:
src/__tests__/App.spec.tsx#L9
TestingLibraryElementError: Unable to find an accessible element with the role "heading" and name `/vite/i`
Here are the accessible roles:
main:
Name "":
<main />
--------------------------------------------------
banner:
Name "":
<header />
--------------------------------------------------
img:
Name "Logo Mapa do Acolhimento":
<img
alt="Logo Mapa do Acolhimento"
height="30px"
src="/src/assets/logo.svg"
/>
--------------------------------------------------
progressbar:
Name "":
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="66.66666666666667"
aria-valuetext="67%"
class="rt-ProgressRoot rt-r-size-3 rt-variant-soft"
data-accent-color="yellow"
data-max="100"
data-radius="none"
data-state="loading"
data-value="66.66666666666667"
role="progressbar"
style="--progress-value: 66.66666666666667;"
/>
--------------------------------------------------
heading:
Name "1. Seus dados":
<h1
class="rt-Heading rt-r-size-4 rt-high-contrast"
data-accent-color="purple"
/>
--------------------------------------------------
button:
Name "Continuar":
<button
class="rt-reset rt-BaseButton rt-r-size-4 rt-variant-solid rt-Button"
data-accent-color=""
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<main>
<div
class="rt-Grid rt-r-gtc-1 md:rt-r-gtc rt-r-w"
style="--grid-template-columns-md: 1fr 55%; --width: auto;"
>
<div>
<header>
<section
class="rt-Section rt-r-size-1 rt-r-px-5"
>
<div
class="rt-Box rt-r-pb-4"
>
<img
alt="Logo Mapa do Acolhimento"
height="30px"
src="/src/assets/logo.svg"
/>
</div>
</section>
</header>
<div>
MainForm
</div>
</div>
<div
class="rt-Box rt-r-display-none md:rt-r-display-block"
>
DesktopIllustration
</div>
</div>
<div
class="rt-Box rt-r-w rt-r-h md:rt-r-h rt-r-position-fixed rt-r-bottom md:rt-r-bottom"
style="--width: 100%; --height-md: 70px; --height: 80px; --bottom-md: var(--space-5); --bottom: var(--space-6);"
>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="66.66666666666667"
aria-valuetext="67%"
class="rt-ProgressRoot rt-r-size-3 rt-variant-soft"
data-accent-color="yellow"
data-max="100"
data-radius="none"
data-state="loading"
data-value="66.66666666666667"
role="progressbar"
style="--progress-value: 66.66666666666667;"
>
<div
class="rt-ProgressIndicator"
data-max="100"
data-state="loading"
data-value="66.66666666666667"
/>
</div>
<div
class="rt-Flex rt-r-ai-center rt-r-jc-space-between rt-r-p-6 rt-r-w"
style="--width: 100%;"
>
<h1
class="rt-Heading rt-r-size-4 rt-high-contrast"
data-accent-color="purple"
>
1
.
Seus dados
</h1>
<button
class="rt-reset rt-BaseButton rt-r-size-4 rt-variant-solid rt-Button"
data-accent-color=""
>
Continuar
</button>
</div>
</div>
</main>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/d
|
|
integration (20.x, 9.x)
Process completed with exit code 1.
|