Skip to content

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

[Improve] Keep rendered content legible across IDE themes

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

Triggered via pull request August 22, 2026 21:21
Status Failure
Total duration 3m 0s
Artifacts 1

visual-regression.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

5 errors, 2 warnings, and 1 notice
webview-visual
Process completed with exit code 1.
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast-light theme: webview-ui/playwright/contrast.ts#L184
4) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast-light theme Error: high-contrast-light code text: effective background is not opaque at ../playwright/contrast.ts:184 182 | } 183 | if (effectiveBackground.a < 0.999) { > 184 | throw new Error(`${options.label}: effective background is not opaque`) | ^ 185 | } 186 | 187 | const foregroundColor = parseCssColor(styles.foreground) at expectContrast (/__w/Zoo-Code/Zoo-Code/webview-ui/playwright/contrast.ts:184:9) at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:20:3
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast theme: webview-ui/eval at evaluate (:302:30)#L7
3) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast theme Error: locator.evaluate: Error: Unsupported background image on code at assertSupported (eval at evaluate (:302:30), <anonymous>:7:54) at eval (eval at evaluate (:302:30), <anonymous>:23:7) at UtilityScript.evaluate (<anonymous>:304:16) at UtilityScript.<anonymous> (<anonymous>:1:44) at assertSupported (eval at evaluate (:302:30), <anonymous>:7:54) at eval (eval at evaluate (:302:30), <anonymous>:23:7) at UtilityScript.evaluate (<anonymous>:304:16) at UtilityScript.<anonymous> (<anonymous>:1:44) at expectContrast (/__w/Zoo-Code/Zoo-Code/webview-ui/playwright/contrast.ts:99:29) at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:20:3
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code light theme: webview-ui/playwright/contrast.ts#L184
2) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code light theme Error: light code text: effective background is not opaque at ../playwright/contrast.ts:184 182 | } 183 | if (effectiveBackground.a < 0.999) { > 184 | throw new Error(`${options.label}: effective background is not opaque`) | ^ 185 | } 186 | 187 | const foregroundColor = parseCssColor(styles.foreground) at expectContrast (/__w/Zoo-Code/Zoo-Code/webview-ui/playwright/contrast.ts:184:9) at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:20:3
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code dark theme: webview-ui/playwright/contrast.ts#L184
1) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code dark theme Error: dark code text: effective background is not opaque at ../playwright/contrast.ts:184 182 | } 183 | if (effectiveBackground.a < 0.999) { > 184 | throw new Error(`${options.label}: effective background is not opaque`) | ^ 185 | } 186 | 187 | const foregroundColor = parseCssColor(styles.foreground) at expectContrast (/__w/Zoo-Code/Zoo-Code/webview-ui/playwright/contrast.ts:184:9) at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:20: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/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code dark theme [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code light theme [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast theme [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast-light theme 38 passed (40.7s)

Artifacts

Produced during runtime
Name Size Digest
webview-visual-regression
270 KB
sha256:f920dc08a1208bcd74914b65c7d0bdc2c432e7677dcb41e0ab79c93b0d981ed6