Add stepper, toast system, PDF export, and fiat conversion display (#… #54
Kingsman-99Annotations
9 errors, 2 warnings, and 1 notice
|
a11y
Process completed with exit code 1.
|
|
[chromium] › e2e/a11y.spec.ts:71:5 › @a11y New Invoice form fields are all keyboard-reachable and labelled:
e2e/a11y.spec.ts#L81
3) [chromium] › e2e/a11y.spec.ts:71:5 › @a11y New Invoice form fields are all keyboard-reachable and labelled
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: [serious] color-contrast: Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright)
- .border-indigo-500
Fix any of the following:
Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .border-transparent
Fix any of the following:
Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .text-gray-200.whitespace-nowrap.text-sm
Fix any of the following:
Element has insufficient color contrast of 1.23 (foreground color: #e5e7eb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 128
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 1.99,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#a5b4fc",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body class=\"min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 antialiased overflow-x-hidden\">",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<button type=\"button\" role=\"tab\" aria-selected=\"true\" class=\"px-4 py-2 text-sm font-medium transition-colors rounded-t-lg -mb-px border-b-2 border-indigo-500 text-indigo-300\">Create New</button>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".border-indigo-500",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.53,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#9ca3af",
+
|
|
[chromium] › e2e/a11y.spec.ts:71:5 › @a11y New Invoice form fields are all keyboard-reachable and labelled:
e2e/a11y.spec.ts#L81
3) [chromium] › e2e/a11y.spec.ts:71:5 › @a11y New Invoice form fields are all keyboard-reachable and labelled
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: [serious] color-contrast: Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright)
- .border-indigo-500
Fix any of the following:
Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .border-transparent
Fix any of the following:
Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .text-gray-200.whitespace-nowrap.text-sm
Fix any of the following:
Element has insufficient color contrast of 1.23 (foreground color: #e5e7eb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 128
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 1.99,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#a5b4fc",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body class=\"min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 antialiased overflow-x-hidden\">",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<button type=\"button\" role=\"tab\" aria-selected=\"true\" class=\"px-4 py-2 text-sm font-medium transition-colors rounded-t-lg -mb-px border-b-2 border-indigo-500 text-indigo-300\">Create New</button>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".border-indigo-500",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.53,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#9ca3af",
+
|
|
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y New Invoice (/invoice/new) has no critical or serious axe violations:
e2e/a11y.spec.ts#L47
2) [chromium] › e2e/a11y.spec.ts:38:7 › @a11y New Invoice (/invoice/new) has no critical or serious axe violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: [serious] color-contrast: Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright)
- .border-indigo-500
Fix any of the following:
Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .border-transparent
Fix any of the following:
Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .text-gray-200.whitespace-nowrap.text-sm
Fix any of the following:
Element has insufficient color contrast of 1.23 (foreground color: #e5e7eb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 128
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 1.99,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#a5b4fc",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body class=\"min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 antialiased overflow-x-hidden\">",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<button type=\"button\" role=\"tab\" aria-selected=\"true\" class=\"px-4 py-2 text-sm font-medium transition-colors rounded-t-lg -mb-px border-b-2 border-indigo-500 text-indigo-300\">Create New</button>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".border-indigo-500",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.53,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#9ca3af",
|
|
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y New Invoice (/invoice/new) has no critical or serious axe violations:
e2e/a11y.spec.ts#L47
2) [chromium] › e2e/a11y.spec.ts:38:7 › @a11y New Invoice (/invoice/new) has no critical or serious axe violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: [serious] color-contrast: Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright)
- .border-indigo-500
Fix any of the following:
Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .border-transparent
Fix any of the following:
Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
- .text-gray-200.whitespace-nowrap.text-sm
Fix any of the following:
Element has insufficient color contrast of 1.23 (foreground color: #e5e7eb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 128
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 1.99,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#a5b4fc",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body class=\"min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 antialiased overflow-x-hidden\">",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.99 (foreground color: #a5b4fc, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<button type=\"button\" role=\"tab\" aria-selected=\"true\" class=\"px-4 py-2 text-sm font-medium transition-colors rounded-t-lg -mb-px border-b-2 border-indigo-500 text-indigo-300\">Create New</button>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".border-indigo-500",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.53,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#9ca3af",
|
|
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations:
e2e/a11y.spec.ts#L25
1) [chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: page.evaluate: Target page, context or browser has been closed
23 | return new AxeBuilder({ page })
24 | .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])
> 25 | .analyze();
| ^
26 | }
27 |
28 | function formatViolations(violations: import('axe-core').Result[]): string {
at AxeBuilder.analyze (/home/runner/work/split-app/split-app/node_modules/@axe-core/playwright/dist/index.js:236:16)
at runAxe (/home/runner/work/split-app/split-app/e2e/a11y.spec.ts:25:6)
at /home/runner/work/split-app/split-app/e2e/a11y.spec.ts:42:27
|
|
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations:
e2e/a11y.spec.ts#L0
1) [chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations:
e2e/a11y.spec.ts#L47
1) [chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: [serious] color-contrast: Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright)
- .rounded-xl > h2
Fix any of the following:
Element has insufficient color contrast of 3.17 (foreground color: #d1d5db, background color: #70747d, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
- .max-w-sm
Fix any of the following:
Element has insufficient color contrast of 1.84 (foreground color: #9ca3af, background color: #70747d, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 105
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#70747d",
+ "contrastRatio": 3.17,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#d1d5db",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.17 (foreground color: #d1d5db, background color: #70747d, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"rounded-xl border border-gray-800 bg-gray-900/60 p-12 text-center\">",
+ "target": Array [
+ ".rounded-xl",
+ ],
+ },
+ Object {
+ "html": "<body class=\"min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 antialiased overflow-x-hidden\">",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.17 (foreground color: #d1d5db, background color: #70747d, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<h2 class=\"text-xl font-semibold text-gray-300 mb-2\">No invoices yet</h2>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".rounded-xl > h2",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#70747d",
+ "contrastRatio": 1.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#9ca3af",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+
|
|
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations:
e2e/a11y.spec.ts#L25
1) [chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations
Error: page.evaluate: Target page, context or browser has been closed
23 | return new AxeBuilder({ page })
24 | .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])
> 25 | .analyze();
| ^
26 | }
27 |
28 | function formatViolations(violations: import('axe-core').Result[]): string {
at AxeBuilder.analyze (/home/runner/work/split-app/split-app/node_modules/@axe-core/playwright/dist/index.js:236:16)
at runAxe (/home/runner/work/split-app/split-app/e2e/a11y.spec.ts:25:6)
at /home/runner/work/split-app/split-app/e2e/a11y.spec.ts:42:27
|
|
a11y
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4, actions/upload-artifact@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
a11y
No files were found with the provided path: playwright-report/. No artifacts will be uploaded.
|
|
🎭 Playwright Run Summary
3 failed
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y Dashboard (/dashboard) has no critical or serious axe violations
[chromium] › e2e/a11y.spec.ts:38:7 › @a11y New Invoice (/invoice/new) has no critical or serious axe violations
[chromium] › e2e/a11y.spec.ts:71:5 › @a11y New Invoice form fields are all keyboard-reachable and labelled
5 passed (2.3m)
|