Skip to content

DRAFT: dark mode palette #11540

DRAFT: dark mode palette

DRAFT: dark mode palette #11540

Triggered via pull request April 11, 2024 09:18
Status Failure
Total duration 5m 19s
Artifacts 3

tests.yml

on: pull_request
Matrix: Install
Matrix: Build
Diff changes to npm package  /  Generate diff
1m 5s
Diff changes to npm package / Generate diff
Stats comment  /  Generate stats
38s
Stats comment / Generate stats
Matrix: lint
Percy  /  Send screenshots
1m 24s
Percy / Send screenshots
Matrix: package
Matrix: test
Matrix: verify
Fit to window
Zoom out
Zoom in

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