Donation UI: Direct NEAR donation #214
carina-akaiaAnnotations
2 errors and 1 warning
|
src/app/tests.tsx > Homepage:
src/app/tests.tsx#L11
TestingLibraryElementError: Unable to find an element with the text: Donate Randomly. 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>
<main
class="flex flex-col items-center"
>
<div
class="relative flex w-full flex-col justify-center overflow-hidden rounded-xl border border-solid border-[#f8d3b0] bg-hero bg-cover bg-no-repeat"
>
<div
class="relative z-[1] flex flex-col justify-center px-5 py-12 md:px-10 md:py-16"
>
<h3
class="mb-3 mt-0 text-base font-semibold text-[#dd3345]"
>
Transforming Funding for Public Goods
</h3>
<h1
class="lett m-0 font-lora text-4xl font-medium leading-none tracking-tight md:text-[40px]"
>
Discover impact projects, donate directly, &
<br
class="hidden md:block"
/>
participate in funding rounds.
</h1>
<div
class="mt-6 flex items-center gap-4 text-sm max-md:flex-col md:mt-10 md:gap-8"
/>
</div>
</div>
<div
class="flex w-full flex-col "
>
<div
class="mt-4 flex flex-row flex-wrap items-center gap-4 px-2 py-0 md:gap-6 md:px-10"
>
<div
class="flex flex-row items-baseline gap-2 text-xl font-semibold text-[#dd3345]"
>
-
<div
class="text-sm font-normal text-[#656565]"
>
Donated
</div>
</div>
<div
class="flex flex-row items-baseline gap-2 text-xl font-semibold text-[#dd3345]"
>
-
<div
class="text-sm font-normal text-[#656565]"
>
Donations
</div>
</div>
</div>
<div
class="mt-4 h-px w-full bg-[#ebebeb]"
/>
</div>
<div
class="flex w-full flex-col gap-10 px-2 pt-10 md:px-10 md:pt-12"
>
<div
class="flex w-full flex-col gap-5"
>
<div
class="text-sm font-medium uppercase leading-6 tracking-[1.12px] text-[#292929]"
>
Featured projects
</div>
</div>
<div
class="grid w-full grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3"
>
<a
href="/user/v1.foodbank.near"
>
<div
class="mx-auto flex h-full w-full max-w-[420px] flex-col overflow-hidden rounded-xl border border-solid border-[#dbdbdb] bg-white shadow-[0px_-2px_0px_#dbdbdb_inset] transition-all duration-300 hover:translate-y-[-1rem]"
>
<div
class="relative h-[145px] w-full"
>
<div
class="animate-pulse rounded-md bg-muted h-full w-full"
/>
</div>
<div
class="flex flex-1 flex-col gap-4 px-6 pb-6"
>
<div
class="relative -mt-5 h-10 w-10"
>
<div
class="animate-pulse bg-muted h-full w-full rounded-full"
/>
</div>
<div
class="w-full text-base font-semibold text-[#2e2e2e]"
>
<div
class="animate-pulse rounded-md bg-muted h-4 w-12"
/>
</div>
<div
class="text-base font-normal text-[#2e2e2e]"
>
<div
class="animate-pulse rounded-md bg-muted h-9 w-full"
/>
</div>
<div
class="flex flex-wrap gap-2 text-base"
>
<div
class="animate-pulse rounded-
|
|
build (20.x)
Process completed with exit code 1.
|
|
build (20.x)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|