Feat/nextui inputs #1343
escapedcatAnnotations
7 errors
|
src/pages/Home/__tests__/UnlockModal.test.tsx > UnlockModal > renders:
src/pages/Home/__tests__/UnlockModal.test.tsx#L15
Error: expect(element).toHaveClass("input-underline")
Expected the element to have class:
input-underline
Received:
w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small group-data-[has-value=true]:text-default-foreground
❯ src/pages/Home/__tests__/UnlockModal.test.tsx:15:19
|
|
src/pages/Home/SendModal/__tests__/ConfirmSend.test.tsx > ConfirmSend > ln-invoice with zero amount > validates amount is lower than balance:
src/pages/Home/SendModal/__tests__/ConfirmSend.test.tsx#L60
Error: expect(element).toHaveClass("input-error")
Expected the element to have class:
input-error
Received:
w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small !placeholder:text-danger !text-danger group-data-[has-value=true]:text-default-foreground is-filled
Ignored nodes: comments, script, style
<html
style="padding-right: 1024px; overflow: hidden;"
>
<head />
<body>
<div
aria-hidden="true"
id="modal-root"
/>
<div
aria-hidden="true"
/>
<span
aria-hidden="true"
data-focus-scope-start="true"
hidden=""
/>
<div
tabindex="-1"
>
<div
aria-hidden="true"
class="z-50 bg-overlay/50 backdrop-opacity-disabled w-screen h-screen fixed inset-0"
style="opacity: 1; will-change: opacity;"
/>
<div
class="flex w-screen h-[100dvh] fixed inset-0 z-50 overflow-x-auto justify-center items-end sm:items-center [--scale-enter:100%] [--scale-exit:100%] [--slide-enter:0px] [--slide-exit:80px] sm:[--scale-enter:100%] sm:[--scale-exit:103%] sm:[--slide-enter:0px] sm:[--slide-exit:0px]"
data-slot="wrapper"
style="opacity: 1; will-change: transform, opacity; transform: translateY(var(--slide-enter)) scale(var(--scale-enter));"
>
<section
aria-describedby=":r2:"
aria-labelledby=":r1:"
aria-modal="true"
class="flex flex-col relative z-50 w-full box-border bg-content1 outline-none mx-1 my-1 sm:mx-6 sm:my-16 max-w-md rounded-large shadow-small overflow-y-hidden"
data-dismissable="true"
data-open="true"
id=":r0:"
role="dialog"
tabindex="-1"
>
<div
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<button
aria-label="Dismiss"
id="react-aria-:r5:"
style="width: 1px; height: 1px;"
tabindex="-1"
/>
</div>
<button
aria-label="Close"
class="absolute appearance-none select-none top-1 right-1 rtl:left-1 rtl:right-[unset] p-2 text-foreground-500 rounded-full hover:bg-default-100 active:bg-default-200 tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2"
role="button"
type="button"
>
<svg
aria-hidden="true"
fill="none"
focusable="false"
height="1em"
role="presentation"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="1em"
>
<path
d="M18 6L6 18M6 6l12 12"
/>
</svg>
</button>
<form>
<header
class="flex py-4 px-6 flex-initial text-large font-semibold"
id=":r1:"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 min-w-20 h-10 text-small gap-2 rounded-full [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover px-8 py-6 font-semibold"
type="button"
>
<svg
|
|
src/pages/Home/SendModal/__tests__/ConfirmSend.test.tsx > ConfirmSend > ln-invoice with zero amount > validates amount is bigger than zero:
src/pages/Home/SendModal/__tests__/ConfirmSend.test.tsx#L78
Error: expect(element).toHaveClass("input-error")
Expected the element to have class:
input-error
Received:
w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small !placeholder:text-danger !text-danger group-data-[has-value=true]:text-default-foreground is-filled
Ignored nodes: comments, script, style
<html
style="padding-right: 1024px; overflow: hidden;"
>
<head />
<body>
<div
aria-hidden="true"
id="modal-root"
/>
<div
aria-hidden="true"
/>
<span
aria-hidden="true"
data-focus-scope-start="true"
hidden=""
/>
<div
tabindex="-1"
>
<div
aria-hidden="true"
class="z-50 bg-overlay/50 backdrop-opacity-disabled w-screen h-screen fixed inset-0"
style="opacity: 1; will-change: opacity;"
/>
<div
class="flex w-screen h-[100dvh] fixed inset-0 z-50 overflow-x-auto justify-center items-end sm:items-center [--scale-enter:100%] [--scale-exit:100%] [--slide-enter:0px] [--slide-exit:80px] sm:[--scale-enter:100%] sm:[--scale-exit:103%] sm:[--slide-enter:0px] sm:[--slide-exit:0px]"
data-slot="wrapper"
style="opacity: 1; will-change: transform, opacity; transform: translateY(var(--slide-enter)) scale(var(--scale-enter));"
>
<section
aria-describedby=":re:"
aria-labelledby=":rd:"
aria-modal="true"
class="flex flex-col relative z-50 w-full box-border bg-content1 outline-none mx-1 my-1 sm:mx-6 sm:my-16 max-w-md rounded-large shadow-small overflow-y-hidden"
data-dismissable="true"
data-open="true"
id=":rc:"
role="dialog"
tabindex="-1"
>
<div
style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
>
<button
aria-label="Dismiss"
id="react-aria-:rh:"
style="width: 1px; height: 1px;"
tabindex="-1"
/>
</div>
<button
aria-label="Close"
class="absolute appearance-none select-none top-1 right-1 rtl:left-1 rtl:right-[unset] p-2 text-foreground-500 rounded-full hover:bg-default-100 active:bg-default-200 tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2"
role="button"
type="button"
>
<svg
aria-hidden="true"
fill="none"
focusable="false"
height="1em"
role="presentation"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="1em"
>
<path
d="M18 6L6 18M6 6l12 12"
/>
</svg>
</button>
<form>
<header
class="flex py-4 px-6 flex-initial text-large font-semibold"
id=":rd:"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 min-w-20 h-10 text-small gap-2 rounded-full [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover px-8 py-6 font-semibold"
type="button"
>
<svg
|
|
src/pages/Home/SendModal/__tests__/SendModal.test.tsx > SendModal > SendLN > disables the send button on invalid input:
src/pages/Home/SendModal/__tests__/SendModal.test.tsx#L48
Error: expect(element).toHaveClass("input-error")
Expected the element to have class:
input-error
Received:
w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small !placeholder:text-danger !text-danger group-data-[has-value=true]:text-default-foreground is-filled
❯ src/pages/Home/SendModal/__tests__/SendModal.test.tsx:48:28
|
|
src/pages/Home/SendModal/__tests__/SendModal.test.tsx > SendModal > SendOnChain > should show error on wrong addrees input:
src/pages/Home/SendModal/__tests__/SendModal.test.tsx#L122
Error: expect(element).toHaveClass("input-error")
Expected the element to have class:
input-error
Received:
w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small !placeholder:text-danger !text-danger group-data-[has-value=true]:text-default-foreground is-filled
❯ src/pages/Home/SendModal/__tests__/SendModal.test.tsx:122:28
|
|
src/pages/Home/SendModal/__tests__/SendModal.test.tsx > SendModal > SendOnChain > test a valid form pass:
src/pages/Home/SendModal/__tests__/SendModal.test.tsx#L145
Error: expect(element).toBeEnabled()
Received element is not enabled:
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 min-w-20 h-10 text-small gap-2 rounded-full [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-primary text-primary-foreground data-[hover=true]:opacity-hover px-8 py-6 font-semibold"
disabled=""
type="submit"
/>
❯ src/pages/Home/SendModal/__tests__/SendModal.test.tsx:145:26
|
|
build (20.x)
Process completed with exit code 1.
|