[ImgBot] Optimize images #1
Annotations
2 errors
src/tests/components/home/hero.test.tsx > <Hero /> > should have a hero image:
apps/web/src/tests/components/home/hero.test.tsx#L10
TestingLibraryElementError: Unable to find an element with the alt text: Hong
Ignored nodes: comments, script, style
<body>
<div>
<div
class="space-y-6 md:my-16"
>
<div
class="flex flex-col-reverse gap-8 md:flex-row md:justify-between"
>
<div
class="flex flex-col gap-4 md:max-w-xl"
style="opacity: 0; transform: translateY(40px) translateZ(0);"
>
<h1
class="font-title bg-gradient-to-b from-black via-black/90 to-black/70 to-90% bg-clip-text text-2xl font-bold leading-9 text-transparent sm:text-4xl sm:leading-[3.5rem] dark:from-white dark:via-white/90 dark:to-white/70"
>
I'm Taufiqurrahman, a Researcher passionate about
<div
class="inline-grid h-9 overflow-hidden sm:h-14"
>
<div>
<div
class="bg-clip-text text-transparent bg-gradient-to-r from-[#ff1835] to-[#ffc900]"
>
Learning
</div>
<div
class="bg-clip-text text-transparent bg-gradient-to-r from-[#0077ff] to-[#00e7df]"
>
Creating
</div>
<div
class="bg-clip-text text-transparent bg-gradient-to-r from-[#7f00de] to-[#ff007f]"
>
Innovating
</div>
<div
class="bg-clip-text text-transparent bg-gradient-to-r from-[#ff1835] to-[#ffc900]"
>
Learning
</div>
</div>
</div>
</h1>
<div
class="text-muted-foreground text-sm"
>
Medan, Indonesia • UTC/GMT +7
</div>
</div>
<div
class="relative size-20 md:size-28"
style="transform: scale(0) translateZ(0);"
>
<div
class="overflow-hidden animate-pulse rounded-full"
>
<img
alt="Taufiqurrahman"
class="scale-[1.02] blur-xl grayscale"
data-nimg="1"
decoding="async"
fetchpriority="high"
height="112"
src="/_next/image?url=%2Fimages%2Favatar.png&w=256&q=100"
srcset="/_next/image?url=%2Fimages%2Favatar.png&w=128&q=100 1x, /_next/image?url=%2Fimages%2Favatar.png&w=256&q=100 2x"
style="color: transparent; transition: filter 700ms ease, transform 150ms ease;"
width="112"
/>
</div>
<div
class="absolute inset-0 -z-10 bg-gradient-to-tl from-blue-700 to-green-700 opacity-0 blur-2xl md:opacity-50"
/>
</div>
</div>
</div>
</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/dom/dist/query-helpers.js:95:19
❯ src/tests/components/home/hero.test.tsx:10:19
|
Unit test
Process completed with exit code 1.
|