4) [Desktop Chrome] › e2e/accessibility.spec.ts:184:7 › ♿ Accessibility Testing › Mobile accessibility Error: Button 0 height should be >= 44px expect(received).toBeGreaterThanOrEqual(expected) Expected: >= 44 Received: 40 204 | // Touch targets should be at least 44x44px (WCAG guidelines) 205 | expect(boundingBox.width, `Button ${i} width should be >= 44px`).toBeGreaterThanOrEqual(44) > 206 | expect(boundingBox.height, `Button ${i} height should be >= 44px`).toBeGreaterThanOrEqual(44) | ^ 207 | } 208 | } 209 | } at /home/runner/work/cookie-jar/cookie-jar/e2e/accessibility.spec.ts:206:78

3) [Desktop Chrome] › e2e/accessibility.spec.ts:138:7 › ♿ Accessibility Testing › Color contrast compliance Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 91 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ff5e14", + "contrastRatio": 3.05, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "bold", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "target": Array [ + ".iekbcc9", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".iekbcc9", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f5f2ef", + "contrastRatio": 2.74, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ff5e14", + "fontSize": "15.0pt (20px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.74 (foreground color: #ff5e14, background color: #f5f2ef, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:text-accent-foreground h-10 border-[#ff5e14] text-[#ff5e14] hover:bg-[#fff0e0] text-xl py-6 px-10 rounded-full shadow-md transiti

3) [Desktop Chrome] › e2e/accessibility.spec.ts:138:7 › ♿ Accessibility Testing › Color contrast compliance Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 91 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ff5e14", + "contrastRatio": 3.05, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "bold", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "target": Array [ + ".iekbcc9", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".iekbcc9", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f5f2ef", + "contrastRatio": 2.74, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ff5e14", + "fontSize": "15.0pt (20px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.74 (foreground color: #ff5e14, background color: #f5f2ef, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:text-accent-foreground h-10 border-[#ff5e14] text-[#ff5e14] hover:bg-[#fff0e0] text-xl py-6 px-10 rounded-full shadow-md transiti

3) [Desktop Chrome] › e2e/accessibility.spec.ts:138:7 › ♿ Accessibility Testing › Color contrast compliance Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 91 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ff5e14", + "contrastRatio": 3.05, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "bold", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "target": Array [ + ".iekbcc9", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".iekbcc9", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f5f2ef", + "contrastRatio": 2.74, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ff5e14", + "fontSize": "15.0pt (20px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.74 (foreground color: #ff5e14, background color: #f5f2ef, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:text-accent-foreground h-10 border-[#ff5e14] text-[#ff5e14] hover:bg-[#fff0e0] text-xl py-6 px-10 rounded-full shadow-md transition-all duration-300 hover:shadow-lg w-full sm:w-auto\">", + "target": Array [

2) [Desktop Chrome] › e2e/accessibility.spec.ts:5:7 › ♿ Accessibility Testing › Homepage accessibility compliance Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 161 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f95706", + "contrastRatio": 3.15, + "expectedContrastRatio": "4.5:1", + "fgColor": "#fbfaf9", + "fontSize": "9.0pt (12px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.15 (foreground color: #fbfaf9, background color: #f95706, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<a class=\"flex flex-col items-center justify-center gap-1 w-16 sm:w-20 h-12 sm:h-14 px-1 sm:px-2 py-2 rounded-lg transition-all duration-200 bg-[hsl(var(--cj-brand-orange))] text-[hsl(var(--cj-warm-white))] shadow-lg transform scale-105\" href=\"/\">", + "target": Array [ + ".bg-\\[hsl\\(var\\(--cj-brand-orange\\)\\)\\]", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.15 (foreground color: #fbfaf9, background color: #f95706, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"text-xs font-medium truncate max-w-full\">Home</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".bg-\\[hsl\\(var\\(--cj-brand-orange\\)\\)\\] > .text-xs.max-w-full.truncate", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ff5e14", + "contrastRatio": 3.05, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "bold", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "target": Array [ + ".iekbcc9", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast

2) [Desktop Chrome] › e2e/accessibility.spec.ts:5:7 › ♿ Accessibility Testing › Homepage accessibility compliance Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 161 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f95706", + "contrastRatio": 3.15, + "expectedContrastRatio": "4.5:1", + "fgColor": "#fbfaf9", + "fontSize": "9.0pt (12px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.15 (foreground color: #fbfaf9, background color: #f95706, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<a class=\"flex flex-col items-center justify-center gap-1 w-16 sm:w-20 h-12 sm:h-14 px-1 sm:px-2 py-2 rounded-lg transition-all duration-200 bg-[hsl(var(--cj-brand-orange))] text-[hsl(var(--cj-warm-white))] shadow-lg transform scale-105\" href=\"/\">", + "target": Array [ + ".bg-\\[hsl\\(var\\(--cj-brand-orange\\)\\)\\]", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.15 (foreground color: #fbfaf9, background color: #f95706, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"text-xs font-medium truncate max-w-full\">Home</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".bg-\\[hsl\\(var\\(--cj-brand-orange\\)\\)\\] > .text-xs.max-w-full.truncate", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ff5e14", + "contrastRatio": 3.05, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "bold", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "target": Array [ + ".iekbcc9", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast

2) [Desktop Chrome] › e2e/accessibility.spec.ts:5:7 › ♿ Accessibility Testing › Homepage accessibility compliance Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 161 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f95706", + "contrastRatio": 3.15, + "expectedContrastRatio": "4.5:1", + "fgColor": "#fbfaf9", + "fontSize": "9.0pt (12px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.15 (foreground color: #fbfaf9, background color: #f95706, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<a class=\"flex flex-col items-center justify-center gap-1 w-16 sm:w-20 h-12 sm:h-14 px-1 sm:px-2 py-2 rounded-lg transition-all duration-200 bg-[hsl(var(--cj-brand-orange))] text-[hsl(var(--cj-warm-white))] shadow-lg transform scale-105\" href=\"/\">", + "target": Array [ + ".bg-\\[hsl\\(var\\(--cj-brand-orange\\)\\)\\]", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.15 (foreground color: #fbfaf9, background color: #f95706, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"text-xs font-medium truncate max-w-full\">Home</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".bg-\\[hsl\\(var\\(--cj-brand-orange\\)\\)\\] > .text-xs.max-w-full.truncate", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ff5e14", + "contrastRatio": 3.05, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "bold", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"iekbcc0 iekbcc9 ju367v78 ju367v7t ju367v9i ju367vn ju367vei ju367vf3 ju367v16 ju367v1h ju367v2g ju367v8u _12cbo8i3 ju367v8r _12cbo8i4 _12cbo8i6\" type=\"button\" data-testid=\"rk-connect-button\">Connect</button>", + "target": Array [ + ".iekbcc9", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.05 (foreground color: #ffffff, background color: #ff5e14, font size: 12.0pt (16px), font weight:

1) [Desktop Chrome] › e2e/accessibility-validation.spec.ts:37:7 › ♿ Accessibility Validation › Connect wallet button accessibility Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toBeVisible: Unexpected token "=" while parsing css selector "[data-testid="connect-wallet-button"], text=Connect Wallet". Did you mean to CSS.escape it? Call log: - Expect "toBeVisible" with timeout 10000ms - waiting for [data-testid="connect-wallet-button"], text=Connect Wallet >> nth=0 42 | // Find connect wallet button 43 | const connectButton = page.locator('[data-testid="connect-wallet-button"], text=Connect Wallet') > 44 | await expect(connectButton.first()).toBeVisible() | ^ 45 | 46 | // Check for accessibility attributes 47 | const button = connectButton.first() at /home/runner/work/cookie-jar/cookie-jar/e2e/accessibility-validation.spec.ts:44:41

1) [Desktop Chrome] › e2e/accessibility-validation.spec.ts:37:7 › ♿ Accessibility Validation › Connect wallet button accessibility Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toBeVisible: Unexpected token "=" while parsing css selector "[data-testid="connect-wallet-button"], text=Connect Wallet". Did you mean to CSS.escape it? Call log: - Expect "toBeVisible" with timeout 10000ms - waiting for [data-testid="connect-wallet-button"], text=Connect Wallet >> nth=0 42 | // Find connect wallet button 43 | const connectButton = page.locator('[data-testid="connect-wallet-button"], text=Connect Wallet') > 44 | await expect(connectButton.first()).toBeVisible() | ^ 45 | 46 | // Check for accessibility attributes 47 | const button = connectButton.first() at /home/runner/work/cookie-jar/cookie-jar/e2e/accessibility-validation.spec.ts:44:41

1) [Desktop Chrome] › e2e/accessibility-validation.spec.ts:37:7 › ♿ Accessibility Validation › Connect wallet button accessibility Error: expect.toBeVisible: Unexpected token "=" while parsing css selector "[data-testid="connect-wallet-button"], text=Connect Wallet". Did you mean to CSS.escape it? Call log: - Expect "toBeVisible" with timeout 10000ms - waiting for [data-testid="connect-wallet-button"], text=Connect Wallet >> nth=0 42 | // Find connect wallet button 43 | const connectButton = page.locator('[data-testid="connect-wallet-button"], text=Connect Wallet') > 44 | await expect(connectButton.first()).toBeVisible() | ^ 45 | 46 | // Check for accessibility attributes 47 | const button = connectButton.first() at /home/runner/work/cookie-jar/cookie-jar/e2e/accessibility-validation.spec.ts:44:41

No files were found with the provided path: e2e/playwright-report/. No artifacts will be uploaded.