Migrate design system from ENGAGE-HF · StanfordSpezi/spezi-web-design-system@6bbec1c

TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Sign in with Lorem" Here are the accessible roles: heading: Name "signIn": <h1 class="mb-4 text-center text-2xl font-bold" /> -------------------------------------------------- button: Name "signIn_provider": <button class="inline-flex items-center justify-center whitespace-nowrap transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-surface-primary hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 rounded-md gap-2" type="button" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <div class="grid gap-4" > <h1 class="mb-4 text-center text-2xl font-bold" > signIn </h1> <button class="inline-flex items-center justify-center whitespace-nowrap transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-surface-primary hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 rounded-md gap-2" type="button" > signIn_provider </button> </div> </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 ❯ src/modules/auth/SignInForm/SignInForm.test.tsx:38:30

src/modules/auth/SignInForm/SignInForm.test.tsx > SignInForm > renders separator only if has providers and email password: src/modules/auth/SignInForm/SignInForm.test.tsx#L72

Error: expect(received).toBeInTheDocument() received value must be an HTMLElement or an SVGElement. ❯ src/modules/auth/SignInForm/SignInForm.test.tsx:72:38

src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx > EmailPasswordForm > calls signIn function: src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx#L20

TestingLibraryElementError: Unable to find a label with the text of: Email Ignored nodes: comments, script, style <body> <div> <form class="grid" > <div> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block" for="email" > signIn_field_email </label> <input aria-errormessage="" aria-invalid="false" class="focus-ring flex h-10 w-full rounded-md border border-input bg-surface-primary px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" id="email" name="email" placeholder="[email protected]" type="email" value="" /> <p class="mb-1 mt-1.5 min-h-5 text-xs leading-none text-destructive" id="email-error" /> </div> <div> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block" for="password" > signIn_field_password </label> <input aria-errormessage="" aria-invalid="false" class="focus-ring flex h-10 w-full rounded-md border border-input bg-surface-primary px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" id="password" name="password" type="password" value="" /> <p class="mb-1 mt-1.5 min-h-5 text-xs leading-none text-destructive" id="password-error" /> </div> <button class="inline-flex items-center justify-center whitespace-nowrap transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/80 h-10 px-4 py-2 rounded-md gap-2" type="submit" > <span class="inline-flex-center relative" > <span class="inline-flex-center gap-2" > signIn_submit </span> </span> </button> </form> </div> </body> ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19 ❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ getEmailField src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:20:36 ❯ signIn src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:31:19 ❯ src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:57:11

src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx > EmailPasswordForm > validates against empty values: src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx#L21

TestingLibraryElementError: Unable to find a label with the text of: Password Ignored nodes: comments, script, style <body> <div> <form class="grid" > <div> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block" for="email" > signIn_field_email </label> <input aria-errormessage="" aria-invalid="false" class="focus-ring flex h-10 w-full rounded-md border border-input bg-surface-primary px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" id="email" name="email" placeholder="[email protected]" type="email" value="" /> <p class="mb-1 mt-1.5 min-h-5 text-xs leading-none text-destructive" id="email-error" /> </div> <div> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block" for="password" > signIn_field_password </label> <input aria-errormessage="" aria-invalid="false" class="focus-ring flex h-10 w-full rounded-md border border-input bg-surface-primary px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" id="password" name="password" type="password" value="" /> <p class="mb-1 mt-1.5 min-h-5 text-xs leading-none text-destructive" id="password-error" /> </div> <button class="inline-flex items-center justify-center whitespace-nowrap transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/80 h-10 px-4 py-2 rounded-md gap-2" type="submit" > <span class="inline-flex-center relative" > <span class="inline-flex-center gap-2" > signIn_submit </span> </span> </button> </form> </div> </body> ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19 ❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ getPasswordField src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:21:39 ❯ src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:76:21

src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx > EmailPasswordForm > handles: src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx#L20

TestingLibraryElementError: Unable to find a label with the text of: Email Ignored nodes: comments, script, style <body> <div> <form class="grid" > <div> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block" for="email" > signIn_field_email </label> <input aria-errormessage="" aria-invalid="false" class="focus-ring flex h-10 w-full rounded-md border border-input bg-surface-primary px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" id="email" name="email" placeholder="[email protected]" type="email" value="" /> <p class="mb-1 mt-1.5 min-h-5 text-xs leading-none text-destructive" id="email-error" /> </div> <div> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block" for="password" > signIn_field_password </label> <input aria-errormessage="" aria-invalid="false" class="focus-ring flex h-10 w-full rounded-md border border-input bg-surface-primary px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" id="password" name="password" type="password" value="" /> <p class="mb-1 mt-1.5 min-h-5 text-xs leading-none text-destructive" id="password-error" /> </div> <button class="inline-flex items-center justify-center whitespace-nowrap transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/80 h-10 px-4 py-2 rounded-md gap-2" type="submit" > <span class="inline-flex-center relative" > <span class="inline-flex-center gap-2" > signIn_submit </span> </span> </button> </form> </div> </body> ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19 ❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ getEmailField src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:20:36 ❯ signIn src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:31:19 ❯ src/modules/auth/SignInForm/EmailPasswordForm/EmailPasswordForm.test.tsx:95:11

Test and Coverage / testandcoverage

Process completed with exit code 1.

Markdown Link Check / markdown_link_check

The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/

Test and Coverage / testandcoverage

The following actions use a deprecated Node.js version and will be forced to run on node20: codecov/codecov-action@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/