Add example prompts to mirrored site #1
code-quality.yaml
on: pull_request
run-test-checks
29s
run-lint-checks
23s
run-formatting-checks
23s
Annotations
5 errors and 3 warnings
src/components/header/header.test.tsx > Header > should navigate away from home:
src/components/header/header.test.tsx#L41
TestingLibraryElementError: Unable to find an element with the text: Dashboard, which matches selector 'a'. 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
style="overflow: visible;"
>
<div>
<a
class="usa-skipnav "
href="#mainSection"
>
Skip to main content
</a>
<section
aria-label="Official government website"
class="usa-banner"
id="banner"
>
<div
class="usa-accordion"
>
<header
class="usa-banner__header"
>
<div
class="usa-banner__inner"
>
<div
class="grid-col-auto"
>
<img
alt="U.S. flag"
class="usa-banner__header-flag"
src="/node_modules/@uswds/uswds/dist/img/us_flag_small.png"
/>
</div>
<div
class="grid-col-fill tablet:grid-col-auto"
>
<p
class="usa-banner__header-text"
>
An official website of the United States government
</p>
<p
aria-hidden="true"
class="usa-banner__header-action"
>
Here’s how you know
</p>
</div>
<button
aria-controls="gov-banner-default"
aria-expanded="false"
class="usa-accordion__button usa-banner__button"
>
<span
class="usa-banner__button-text"
>
Here’s how you know
</span>
</button>
</div>
</header>
<div
class="usa-banner__content usa-accordion__content"
hidden=""
id="gov-banner-default"
>
<div
class="grid-row grid-gap-lg"
>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="/node_modules/@uswds/uswds/dist/img/icon-dot-gov.svg"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Official websites use .
gov
</strong>
<br />
A
<strong>
.
gov
</strong>
website belongs to an official
government
organization in the United States.
</p>
</div>
</div>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="/node_modules/@uswds/uswds/dist/img/icon-https.svg"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Secure .gov websites use HTTPS
</strong>
<br />
A
<strong>
lock
</strong>
(
<span
class="icon-lock"
>
<svg
aria-labelledby="banner-lock-title-default banner-lock-description-default"
class="usa-banner__lock-image"
focusable="false"
height="64"
role="img"
|
src/components/header/header.test.tsx > Header > should handle sign in:
src/components/header/header.test.tsx#L58
TestingLibraryElementError: Unable to find an element with the text: Sign In. 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
style="overflow: visible;"
>
<div>
<a
class="usa-skipnav "
href="#mainSection"
>
Skip to main content
</a>
<section
aria-label="Official government website"
class="usa-banner"
id="banner"
>
<div
class="usa-accordion"
>
<header
class="usa-banner__header"
>
<div
class="usa-banner__inner"
>
<div
class="grid-col-auto"
>
<img
alt="U.S. flag"
class="usa-banner__header-flag"
src="/node_modules/@uswds/uswds/dist/img/us_flag_small.png"
/>
</div>
<div
class="grid-col-fill tablet:grid-col-auto"
>
<p
class="usa-banner__header-text"
>
An official website of the United States government
</p>
<p
aria-hidden="true"
class="usa-banner__header-action"
>
Here’s how you know
</p>
</div>
<button
aria-controls="gov-banner-default"
aria-expanded="false"
class="usa-accordion__button usa-banner__button"
>
<span
class="usa-banner__button-text"
>
Here’s how you know
</span>
</button>
</div>
</header>
<div
class="usa-banner__content usa-accordion__content"
hidden=""
id="gov-banner-default"
>
<div
class="grid-row grid-gap-lg"
>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="/node_modules/@uswds/uswds/dist/img/icon-dot-gov.svg"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Official websites use .
gov
</strong>
<br />
A
<strong>
.
gov
</strong>
website belongs to an official
government
organization in the United States.
</p>
</div>
</div>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="/node_modules/@uswds/uswds/dist/img/icon-https.svg"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Secure .gov websites use HTTPS
</strong>
<br />
A
<strong>
lock
</strong>
(
<span
class="icon-lock"
>
<svg
aria-labelledby="banner-lock-title-default banner-lock-description-default"
class="usa-banner__lock-image"
focusable="false"
height="64"
role="img"
viewBox="0 0 52 64
|
src/components/header/header.test.tsx > Header > should handle sign out:
src/components/header/header.test.tsx#L75
TestingLibraryElementError: Unable to find an element with the text: Sign Out. 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
style="overflow: visible;"
>
<div>
<a
class="usa-skipnav "
href="#mainSection"
>
Skip to main content
</a>
<section
aria-label="Official government website"
class="usa-banner"
id="banner"
>
<div
class="usa-accordion"
>
<header
class="usa-banner__header"
>
<div
class="usa-banner__inner"
>
<div
class="grid-col-auto"
>
<img
alt="U.S. flag"
class="usa-banner__header-flag"
src="/node_modules/@uswds/uswds/dist/img/us_flag_small.png"
/>
</div>
<div
class="grid-col-fill tablet:grid-col-auto"
>
<p
class="usa-banner__header-text"
>
An official website of the United States government
</p>
<p
aria-hidden="true"
class="usa-banner__header-action"
>
Here’s how you know
</p>
</div>
<button
aria-controls="gov-banner-default"
aria-expanded="false"
class="usa-accordion__button usa-banner__button"
>
<span
class="usa-banner__button-text"
>
Here’s how you know
</span>
</button>
</div>
</header>
<div
class="usa-banner__content usa-accordion__content"
hidden=""
id="gov-banner-default"
>
<div
class="grid-row grid-gap-lg"
>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="/node_modules/@uswds/uswds/dist/img/icon-dot-gov.svg"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Official websites use .
gov
</strong>
<br />
A
<strong>
.
gov
</strong>
website belongs to an official
government
organization in the United States.
</p>
</div>
</div>
<div
class="usa-banner__guidance tablet:grid-col-6"
>
<img
alt=""
aria-hidden="true"
class="usa-banner__icon usa-media-block__img"
role="img"
src="/node_modules/@uswds/uswds/dist/img/icon-https.svg"
/>
<div
class="usa-media-block__body"
>
<p>
<strong>
Secure .gov websites use HTTPS
</strong>
<br />
A
<strong>
lock
</strong>
(
<span
class="icon-lock"
>
<svg
aria-labelledby="banner-lock-title-default banner-lock-description-default"
class="usa-banner__lock-image"
focusable="false"
height="64"
role="img"
viewBox="0 0 52 6
|
src/components/search/search.test.tsx > Search > should render successfully:
src/components/search/search.test.tsx#L22
AssertionError: expected undefined to deeply equal 'Search Results'
- Expected:
"Search Results"
+ Received:
undefined
❯ src/components/search/search.test.tsx:22:60
❯ node_modules/@testing-library/react/dist/act-compat.js:48:24
❯ act node_modules/react/cjs/react.development.js:2512:16
❯ Proxy.<anonymous> node_modules/@testing-library/react/dist/act-compat.js:47:25
❯ src/components/search/search.test.tsx:20:11
|
run-test-checks
Process completed with exit code 1.
|
run-lint-checks
The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
run-formatting-checks
The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
run-test-checks
The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|