Skip to content

[Improve] Keep rendered content legible across IDE themes #1099

[Improve] Keep rendered content legible across IDE themes

[Improve] Keep rendered content legible across IDE themes #1099

Triggered via pull request August 23, 2026 00:35
Status Failure
Total duration 2m 36s
Artifacts 1

visual-regression.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

9 errors, 2 warnings, and 1 notice
webview-visual
Process completed with exit code 1.
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast-light theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L208
4) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast-light theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-focus-high-contrast-light.png, writing actual. 206 | label: `${theme.name} input focus indicator against fill`, 207 | }) > 208 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-focus-${theme.name}.png`) | ^ 209 | }) 210 | } 211 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:208:3
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast-light theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L185
4) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast-light theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-resting-high-contrast-light.png, writing actual. 183 | 184 | const snapshot = page.locator("#root") > 185 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-resting-${theme.name}.png`) | ^ 186 | 187 | await page.evaluate(() => (document.activeElement as HTMLElement | null)?.blur()) 188 | for ( at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:185:3
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L208
3) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-focus-high-contrast.png, writing actual. 206 | label: `${theme.name} input focus indicator against fill`, 207 | }) > 208 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-focus-${theme.name}.png`) | ^ 209 | }) 210 | } 211 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:208:3
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L185
3) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-resting-high-contrast.png, writing actual. 183 | 184 | const snapshot = page.locator("#root") > 185 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-resting-${theme.name}.png`) | ^ 186 | 187 | await page.evaluate(() => (document.activeElement as HTMLElement | null)?.blur()) 188 | for ( at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:185:3
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code light theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L208
2) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code light theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-focus-light.png, writing actual. 206 | label: `${theme.name} input focus indicator against fill`, 207 | }) > 208 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-focus-${theme.name}.png`) | ^ 209 | }) 210 | } 211 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:208:3
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code light theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L185
2) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code light theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-resting-light.png, writing actual. 183 | 184 | const snapshot = page.locator("#root") > 185 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-resting-${theme.name}.png`) | ^ 186 | 187 | await page.evaluate(() => (document.activeElement as HTMLElement | null)?.blur()) 188 | for ( at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:185:3
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code dark theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L208
1) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code dark theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-focus-dark.png, writing actual. 206 | label: `${theme.name} input focus indicator against fill`, 207 | }) > 208 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-focus-${theme.name}.png`) | ^ 209 | }) 210 | } 211 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:208:3
[chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code dark theme: webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx#L185
1) [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code dark theme Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/__screenshots__/accessibility-gallery-resting-dark.png, writing actual. 183 | 184 | const snapshot = page.locator("#root") > 185 | await expect(snapshot).toHaveScreenshot(`accessibility-gallery-resting-${theme.name}.png`) | ^ 186 | 187 | await page.evaluate(() => (document.activeElement as HTMLElement | null)?.blur()) 188 | for ( at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/ui/__tests__/AccessibilityContrast.visual.tsx:185:3
webview-visual
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830, actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5, actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020, actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02, codecov/codecov-action@b9fd7d16f6d7d1b5d2bec1a2887e65ceed900238, pnpm/action-setup@b906affcce14559ad1aafd4ab0e942779e9f58b1. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
theme-fixtures
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830, actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5, actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020, pnpm/action-setup@b906affcce14559ad1aafd4ab0e942779e9f58b1. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
🎭 Playwright Run Summary
4 failed [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code dark theme [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code light theme [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast theme [chromium] › src/components/ui/__tests__/AccessibilityContrast.visual.tsx:9:2 › audits representative controls in the VS Code high-contrast-light theme 38 passed (46.2s)

Artifacts

Produced during runtime
Name Size Digest
webview-visual-regression
776 KB
sha256:fe69b354baf44ec2ce0eca61be384e40126466b2b6c2628427a29c04098e262e