fix: Map background doesn't shrink on mobile #38
noahgerardAnnotations
12 errors
|
__tests__/Home.test.tsx > unit tests > render Home component and check for styles:
__tests__/Home.test.tsx#L26
TestingLibraryElementError: Unable to find an element by: [data-testid="home"]
Ignored nodes: comments, script, style
<body>
<div>
<section
class="h-[100vh] snap-center flex justify-center items-center relative relative bg-slate-100 flex flex-col overflow-clip"
style="perspective: 500px;"
>
<div
class="rt-Container rt-r-size-3 w-full h-full mt-[30vh] p-8"
>
<div
class="rt-ContainerInner"
>
<div
class="rt-Flex rt-r-fd-column rt-r-ai-center rt-r-jc-center h-full py-8"
>
<div
class="rt-Flex rt-r-fd-row rt-r-ai-center rt-r-jc-center w-full border-2"
>
<div
class="rt-Flex rt-r-fd-column"
>
<span
class="rt-Text rt-r-size-9"
>
Always
<strong
class="rt-Strong relative"
>
Connected,
<div
class="absolute right-0 top-0 rounded-full w-5 h-5 bg-blue-500 animate-ping"
/>
</strong>
</span>
<span
class="rt-Text rt-r-size-9"
>
No Matter the Distance
</span>
</div>
</div>
</div>
</div>
</div>
<div
class="absolute -z-10"
style="opacity: 0.1; will-change: transform; transform: scale(10) rotate(0deg);"
>
<img
alt="map"
data-nimg="1"
decoding="async"
height="1000"
loading="lazy"
src="/lmap.svg"
style="color: transparent;"
width="1000"
/>
</div>
</section>
<section
class="h-[100vh] snap-center flex justify-center items-center relative"
style="perspective: 500px;"
>
<div>
<img
alt="A London skyscraper"
src="https://upload.wikimedia.org/wikipedia/en/thumb/9/93/Burj_Khalifa.jpg/1200px-Burj_Khalifa.jpg"
width="200"
/>
</div>
<h2
style="transform: translateY(-300px);"
>
#001
</h2>
</section>
<section
class="h-[100vh] snap-center flex justify-center items-center relative"
style="perspective: 500px;"
>
<div>
<img
alt="A London skyscraper"
src="https://upload.wikimedia.org/wikipedia/en/thumb/9/93/Burj_Khalifa.jpg/1200px-Burj_Khalifa.jpg"
width="200"
/>
</div>
<h2
style="transform: translateY(-300px);"
>
#002
</h2>
</section>
<section
class="h-[100vh] snap-center flex justify-center items-center relative"
style="perspective: 500px;"
>
<div>
<img
alt="A London skyscraper"
src="https://upload.wikimedia.org/wikipedia/en/thumb/9/93/Burj_Khalifa.jpg/1200px-Burj_Khalifa.jpg"
width="200"
/>
</div>
<h2
style="transform: translateY(-300px);"
>
#003
</h2>
</section>
<section
class="h-[100vh] snap-center flex justify-center items-center relative"
style="perspective: 500px;"
>
<div>
<img
alt="A London skyscraper"
src="https://upload.wikimedia.org/wikipedia/en/thumb/9/93/Burj_Khalifa.jpg/1200px-Burj_Khalifa.jpg"
width="200"
/>
</div>
<h2
style="transform: translateY(-300px);"
>
#004
</h2>
</section>
</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__/Home.test.tsx:26:36
|
|
test
Process completed with exit code 1.
|
|
lint:
src/app/_components/dashboard/groups/GroupRow.tsx#L41
Expected indentation of 24 spaces but found 20
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L25
Expected indentation of 8 spaces but found 12
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L26
Expected indentation of 12 spaces but found 16
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L27
Expected indentation of 12 spaces but found 16
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L28
Expected indentation of 8 spaces but found 12
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L29
Expected indentation of 12 spaces but found 16
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L30
Expected indentation of 12 spaces but found 16
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L31
Expected indentation of 8 spaces but found 12
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L32
Expected indentation of 12 spaces but found 16
|
|
lint:
src/app/_components/edit-account/EditInput.tsx#L33
Expected indentation of 12 spaces but found 16
|