chore: rename color tokens #331
GitHub Actions / Storybook Test Report
failed
Jan 24, 2025 in 0s
215 tests run, 167 passed, 0 skipped, 48 failed.
Annotations
Check failure on line 1 in packages/react/src/components/Details/Details.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Details/Details.stories.tsx / Komponenter/Details › Controlled smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button') to have no violations:
<button class="ds-button" data-variant="primary" type="button">Toggle Details</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Modal/Modal.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Modal/Modal.stories.tsx / Komponenter/Modal › ModalWithForm smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('div:nth-child(4) > .ds-button[data-variant="primary"][type="button"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button">Send inn skjema</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › Preview smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button') to have no violations:
<button class="ds-button" data-variant="primary" type="button">Knapp</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › Primary smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="accent">Lagre</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › Accent smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="accent">Gå videre</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › AccentHover smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="accent">Gå videre</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 1.72 (foreground color: #1f2c3d, background color: #004f96, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › Neutral smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="neutral">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 1.01 (foreground color: #1f2c3d, background color: #1e2b3c, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › NeutralHover smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="neutral">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 1.28 (foreground color: #1f2c3d, background color: #313d4d, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › Danger smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="danger">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.29 (foreground color: #1f2c3d, background color: #c01b1b, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › DangerHover smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="danger">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 1.69 (foreground color: #1f2c3d, background color: #9b1616, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › CombinedColors smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="neutral">Publiser</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 1.01 (foreground color: #1f2c3d, background color: #1e2b3c, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › AsLink smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button') to have no violations:
<a target="_blank" rel="noreferrer" href="https://www.designsystemet.no" class="ds-button" data-variant="primary">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › TextAndIcon smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="neutral">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 1.01 (foreground color: #1f2c3d, background color: #1e2b3c, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › Loading smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button aria-busy="true" class="ds-button" data-variant="primary" type="button">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Button/Button.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Button/Button.stories.tsx / Komponenter/Button › Icons smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button[data-size="sm"][data-variant="primary"]:nth-child(2)') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-size="sm">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('.ds-button[data-size="md"][data-variant="primary"]:nth-child(4)') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-size="md">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('.ds-button[data-size="lg"][data-variant="primary"]:nth-child(6)') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-size="lg">
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 15.8pt (21px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Combobox/Combobox.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Combobox/Combobox.stories.tsx / Komponenter/Combobox › Controlled play-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button') to have no violations:
<button class="ds-button" data-variant="primary" type="button">Sett verdi til Leikanger</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Combobox/Combobox.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Combobox/Combobox.stories.tsx / Komponenter/Combobox › SelectAll smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-chip') to have no violations:
<button class="ds-chip" type="button" data-removable="true" data-size="md" aria-label="Slett Alle kommuner">Alle kommuner</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Combobox/Combobox.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Combobox/Combobox.stories.tsx / Komponenter/Combobox › RemoveAllOptions smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[aria-label="Slett test1"]') to have no violations:
<button class="ds-chip" type="button" data-removable="true" data-size="md" aria-label="Slett test1">test1</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('button[aria-label="Slett test2"]') to have no violations:
<button class="ds-chip" type="button" data-removable="true" data-size="md" aria-label="Slett test2">test2</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Popover/Popover.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Popover/Popover.stories.tsx / Komponenter/Popover › Preview smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget=":r0:">My trigger!</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Popover/Popover.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Popover/Popover.stories.tsx / Komponenter/Popover › Interactive smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button[data-variant="primary"][data-size="sm"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-size="sm">Ja, slett den</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.29 (foreground color: #590d0d, background color: #c01b1b, 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Popover/Popover.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Popover/Popover.stories.tsx / Komponenter/Popover › Variants play-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[popovertarget=":r4:"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget=":r4:">popover</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('button[popovertarget=":r5:"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget=":r5:">popover</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('button[popovertarget=":r6:"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget=":r6:">popover</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('button[popovertarget=":r7:"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget=":r7:">popover</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Popover/Popover.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Popover/Popover.stories.tsx / Komponenter/Popover › Controlled smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[popovertarget=":r8:"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget=":r8:">My trigger</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('button[data-color="danger"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="danger" data-size="sm" style="margin-top: var(--ds-size-2);">Slett</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.29 (foreground color: #1f2c3d, background color: #c01b1b, 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Popover/Popover.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Popover/Popover.stories.tsx / Komponenter/Popover › WithoutContext smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[popovertarget="my-popover"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget="my-popover">My trigger</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('button[data-color="danger"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" data-color="danger" data-size="sm" style="margin-top: var(--ds-size-2);">Slett</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.29 (foreground color: #1f2c3d, background color: #c01b1b, 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Checkbox/Checkbox.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Checkbox/Checkbox.stories.tsx / Komponenter/Checkbox › Controlled smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('.ds-button[data-variant="primary"][type="button"]:nth-child(1)') to have no violations:
<button class="ds-button" data-variant="primary" type="button">Toggle Kroatia</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('.ds-button[data-variant="primary"][type="button"]:nth-child(2)') to have no violations:
<button class="ds-button" data-variant="primary" type="button">Toggle Hobsyssel</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Check failure on line 1 in packages/react/src/components/Dropdown/Dropdown.stories.tsx
github-actions / Storybook Test Report
packages/react/src/components/Dropdown/Dropdown.stories.tsx / Komponenter/Dropdown › Preview smoke-test
assert.fail(received, expected)
Raw output
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('button[data-variant="primary"]') to have no violations:
<button class="ds-button" data-variant="primary" type="button" popovertarget=":r0:">Dropdown</button>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 2.32 (foreground color: #1f2c3d, background color: #0062ba, font size: 13.5pt (18px), 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.10/color-contrast?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:97:20
at Generator.next (<anonymous>)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:31:71
at new Promise (<anonymous>)
at Object.<anonymous>.__awaiter (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:96:52)
at /home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:140:44
at Generator.next (<anonymous>)
at fulfilled (/home/runner/work/designsystemet/designsystemet/node_modules/axe-playwright/dist/index.js:28:58)
Loading