chore: Add Github Actions #1
artur1211Annotations
4 errors
|
Unit Tests
Process completed with exit code 1.
|
|
src/components/flashcard-generation/components/EditCardModal.test.tsx > EditCardModal > validation - back text > should show error when back text is too short (< 10 chars):
src/components/flashcard-generation/components/EditCardModal.test.tsx#L262
TestingLibraryElementError: Unable to find an element with the text: Back text must be at least 10 characters. 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
data-scroll-locked="1"
style="pointer-events: none;"
>
<span
aria-hidden="true"
data-aria-hidden="true"
data-radix-focus-guard=""
style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
tabindex="0"
/>
<div
aria-hidden="true"
data-aria-hidden="true"
/>
<div
aria-hidden="true"
class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50"
data-aria-hidden="true"
data-slot="dialog-overlay"
data-state="open"
style="pointer-events: auto;"
/>
<div
aria-describedby="radix-«r2a»"
aria-labelledby="radix-«r29»"
class="bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg max-w-2xl"
data-slot="dialog-content"
data-state="open"
data-testid="edit-card-modal"
id="radix-«r28»"
role="dialog"
style="pointer-events: auto;"
tabindex="-1"
>
<div
class="flex flex-col gap-2 text-center sm:text-left"
data-slot="dialog-header"
>
<h2
class="text-lg leading-none font-semibold"
data-slot="dialog-title"
id="radix-«r29»"
>
Edit Flashcard
</h2>
<p
class="text-muted-foreground text-sm"
data-slot="dialog-description"
id="radix-«r2a»"
>
Modify the front and back text of the flashcard
</p>
</div>
<div
class="space-y-6 py-4"
>
<div
class="space-y-2"
>
<label
class="flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-semibold"
data-slot="label"
for="«r26»"
>
Front Text
</label>
<textarea
class="border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm min-h-[120px] resize-y"
data-slot="textarea"
data-testid="edit-front-textarea"
id="«r26»"
placeholder="Enter front text..."
>
aOriginal Front Text
</textarea>
<div
aria-atomic="true"
aria-live="polite"
class="text-sm font-medium text-green-600 dark:text-green-400 "
data-testid="character-counter"
>
20 / 500 characters
</div>
</div>
<div
class="space-y-2"
>
<label
class="flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-semibold"
data-slot="label"
for="«r27»"
>
Back Text
</label>
<textarea
class="border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-con
|
|
src/components/flashcard-generation/components/EditCardModal.test.tsx > EditCardModal > validation - front text > should accept front text at maximum boundary (500 chars):
src/components/flashcard-generation/components/EditCardModal.test.tsx#L223
Error: Test timed out in 5000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
❯ src/components/flashcard-generation/components/EditCardModal.test.tsx:223:5
|
|
src/components/flashcard-generation/components/EditCardModal.test.tsx > EditCardModal > validation - front text > should show error when front text is too long (> 500 chars):
src/components/flashcard-generation/components/EditCardModal.test.tsx#L161
Error: Test timed out in 5000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
❯ src/components/flashcard-generation/components/EditCardModal.test.tsx:161:5
|