[Improve] Keep rendered content legible across IDE themes #1067
visual-regression.yml
on: pull_request
webview-visual
1m 56s
theme-fixtures
2m 56s
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
|
|