DRAFT: dark mode palette #11540
tests.yml
on: pull_request
Matrix: Install
Matrix: Build
Diff changes to npm package
/
Generate diff
1m 5s
Stats comment
/
Generate stats
38s
Matrix: lint
Percy
/
Send screenshots
1m 24s
Matrix: package
Matrix: test
Matrix: verify
Annotations
16 errors
Organisation colours › should define websafe colours that meet contrast requirements:
packages/govuk-frontend/src/govuk/settings/colours.unit.test.js#L28
expect(received).resolves.not.toThrow()
Received promise rejected instead of resolved
Rejected to value: [Error: Error: "Contrast ratio for attorney-generals-office too low. #a03a88 on #1e1f21 has a contrast of: 2.4. Must be higher than 4.5 for WCAG AA support."
╷
17 │ ┌ @error "Contrast ratio for #{$organisation} too low."
18 │ │ + " #{$colour} on #{$govuk-body-background-colour} has a contrast of: #{$contrast}."
19 │ │ + " Must be higher than #{$minimum-contrast} for WCAG AA support.";
│ └────────────────────────────────────────────────────────────────────────────^
╵
- 17:11 root stylesheet]
at expect (node_modules/expect/build/index.js:113:15)
at Object.<anonymous> (packages/govuk-frontend/src/govuk/settings/colours.unit.test.js:28:11)
|
JavaScript unit tests (ubuntu-latest)
Process completed with exit code 1.
|
Organisation colours › should define websafe colours that meet contrast requirements:
packages/govuk-frontend/src/govuk/settings/colours.unit.test.js#L28
expect(received).resolves.not.toThrow()
Received promise rejected instead of resolved
Rejected to value: [Error: Error: "Contrast ratio for attorney-generals-office too low. #a03a88 on #1e1f21 has a contrast of: 2.4. Must be higher than 4.5 for WCAG AA support."
╷
17 │ ┌ @error "Contrast ratio for #{$organisation} too low."
18 │ │ + " #{$colour} on #{$govuk-body-background-colour} has a contrast of: #{$contrast}."
19 │ │ + " Must be higher than #{$minimum-contrast} for WCAG AA support.";
│ └────────────────────────────────────────────────────────────────────────────^
╵
- 17:11 root stylesheet]
at expect (node_modules/expect/build/index.js:113:15)
at Object.<anonymous> (packages/govuk-frontend/src/govuk/settings/colours.unit.test.js:28:11)
|
JavaScript unit tests (windows-latest)
Process completed with exit code 1.
|
/components/cookie-banner › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/cookie-banner/accessibility.puppeteer.test.mjs#L25
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('button[value="accept"]') to have no violations:
<button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
Accept analytics cookies
</button>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 3.29 (foreground color: #ffffff, background color: #00a357, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/cookie-banner/preview
Expected the HTML found at $('button[value="reject"]') to have no violations:
<button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
Reject analytics cookies
</button>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 3.29 (foreground color: #ffffff, background color: #00a357, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/cookie-banner/preview
Expected the HTML found at $('a') to have no violations:
<a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 4.03 (foreground color: #3892e0, background color: #263136, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/cookie-banner/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/cookie-banner/accessibility.puppeteer.test.mjs:25:52)
|
/components/tabs › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/tabs/accessibility.puppeteer.test.mjs#L27
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1 > p') to have no violations:
<p>Panel 1 content</p>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 1.27 (foreground color: #000000, background color: #1e1f21, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/tabs/html/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/tabs/accessibility.puppeteer.test.mjs:27:52)
|
/components/summary-list › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/summary-list/accessibility.puppeteer.test.mjs#L23
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('h2') to have no violations:
<h2 class="govuk-summary-card__title">
Undergraduate teaching assistant
</h2>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 1.11 (foreground color: #ffffff, background color: #f3f2f1, font size: 14.3pt (19px), font weight: bold). Expected contrast ratio of 3:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/summary-list/as-a-summary-card-with-a-text-header/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/summary-list/accessibility.puppeteer.test.mjs:23:52)
|
/components/button › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/button/accessibility.puppeteer.test.mjs#L23
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('button') to have no violations:
<button type="submit" class="govuk-button" data-module="govuk-button">
Save and continue
</button>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 3.29 (foreground color: #ffffff, background color: #00a357, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/button/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/button/accessibility.puppeteer.test.mjs:23:52)
|
/components/fieldset › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/fieldset/accessibility.puppeteer.test.mjs#L11
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('p') to have no violations:
<p>This is some content to put inside the fieldset</p>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 1.27 (foreground color: #000000, background color: #1e1f21, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/fieldset/html-fieldset-content/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/fieldset/accessibility.puppeteer.test.mjs:11:42)
|
Accessibility tests (ubuntu-latest)
Process completed with exit code 1.
|
/components/cookie-banner › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/cookie-banner/accessibility.puppeteer.test.mjs#L25
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('button[value="accept"]') to have no violations:
<button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
Accept analytics cookies
</button>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 3.29 (foreground color: #ffffff, background color: #00a357, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/cookie-banner/preview
Expected the HTML found at $('button[value="reject"]') to have no violations:
<button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
Reject analytics cookies
</button>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 3.29 (foreground color: #ffffff, background color: #00a357, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/cookie-banner/preview
Expected the HTML found at $('a') to have no violations:
<a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 4.03 (foreground color: #3892e0, background color: #263136, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/cookie-banner/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/cookie-banner/accessibility.puppeteer.test.mjs:25:52)
|
/components/tabs › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/tabs/accessibility.puppeteer.test.mjs#L27
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1 > p') to have no violations:
<p>Panel 1 content</p>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 1.27 (foreground color: #000000, background color: #1e1f21, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/tabs/html/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/tabs/accessibility.puppeteer.test.mjs:27:52)
|
/components/summary-list › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/summary-list/accessibility.puppeteer.test.mjs#L23
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('h2') to have no violations:
<h2 class="govuk-summary-card__title">
Undergraduate teaching assistant
</h2>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 1.11 (foreground color: #ffffff, background color: #f3f2f1, font size: 14.3pt (19px), font weight: bold). Expected contrast ratio of 3:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/summary-list/as-a-summary-card-with-a-text-header/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/summary-list/accessibility.puppeteer.test.mjs:23:52)
|
/components/button › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/button/accessibility.puppeteer.test.mjs#L23
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('button') to have no violations:
<button type="submit" class="govuk-button" data-module="govuk-button">
Save and continue
</button>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 3.29 (foreground color: #ffffff, background color: #00a357, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/button/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/button/accessibility.puppeteer.test.mjs:23:52)
|
/components/fieldset › component examples › passes accessibility tests:
packages/govuk-frontend/src/govuk/components/fieldset/accessibility.puppeteer.test.mjs#L11
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('p') to have no violations:
<p>This is some content to put inside the fieldset</p>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 1.27 (foreground color: #000000, background color: #1e1f21, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=axe-puppeteer
http://localhost:8080/components/fieldset/html-fieldset-content/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/fieldset/accessibility.puppeteer.test.mjs:11:42)
|
Accessibility tests (windows-latest)
Process completed with exit code 1.
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
JavaScript behaviour tests coverage (ubuntu-latest)
|
228 KB |
|
JavaScript behaviour tests coverage (windows-latest)
|
228 KB |
|
Package diff
|
6.42 KB |
|