Webview Visual Regression #1077
zoomote[bot]visual-regression.yml
on: workflow_dispatch
webview-visual
2m 7s
theme-fixtures
2m 39s
Annotations
10 errors, 2 warnings, and 1 notice
|
webview-visual
Process completed with exit code 1.
|
|
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code high-contrast-light theme:
webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx#L28
9) [chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code high-contrast-light theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/__screenshots__/welcome-screen-high-contrast-light.png, writing actual.
26 | })
27 |
> 28 | await expect(screen).toHaveScreenshot(`welcome-screen-${theme.name}.png`)
| ^
29 | })
30 | }
31 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:28:3
|
|
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code high-contrast theme:
webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx#L28
8) [chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code high-contrast theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/__screenshots__/welcome-screen-high-contrast.png, writing actual.
26 | })
27 |
> 28 | await expect(screen).toHaveScreenshot(`welcome-screen-${theme.name}.png`)
| ^
29 | })
30 | }
31 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:28:3
|
|
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code dark theme:
webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx#L28
7) [chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code dark theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/__screenshots__/welcome-screen-dark.png, writing actual.
26 | })
27 |
> 28 | await expect(screen).toHaveScreenshot(`welcome-screen-${theme.name}.png`)
| ^
29 | })
30 | }
31 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:28:3
|
|
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code light theme:
webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx#L28
6) [chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code light theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/__screenshots__/welcome-screen-light.png, writing actual.
26 | })
27 |
> 28 | await expect(screen).toHaveScreenshot(`welcome-screen-${theme.name}.png`)
| ^
29 | })
30 | }
31 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:28:3
|
|
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:6:1 › renders Azure OpenAI endpoint and deployment guidance in the VS Code dark theme:
webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx#L33
5) [chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:6:1 › renders Azure OpenAI endpoint and deployment guidance in the VS Code dark theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/settings/providers/__tests__/__screenshots__/openai-compatible-azure-guidance-dark.png, writing actual.
31 | })
32 |
> 33 | await expect(component).toHaveScreenshot("openai-compatible-azure-guidance-dark.png")
| ^
34 | })
35 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:33:2
|
|
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast-light theme:
webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx#L49
4) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast-light theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/__screenshots__/rendered-content-high-contrast-light.png, writing actual.
47 | await expectContrast(terminal, { background: terminal, label: `${theme.name} terminal text` })
48 |
> 49 | await expect(component).toHaveScreenshot(`rendered-content-${theme.name}.png`)
| ^
50 | })
51 | }
52 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:49:3
|
|
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast theme:
webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx#L49
3) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code high-contrast theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/__screenshots__/rendered-content-high-contrast.png, writing actual.
47 | await expectContrast(terminal, { background: terminal, label: `${theme.name} terminal text` })
48 |
> 49 | await expect(component).toHaveScreenshot(`rendered-content-${theme.name}.png`)
| ^
50 | })
51 | }
52 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:49:3
|
|
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code light theme:
webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx#L49
2) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code light theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/__screenshots__/rendered-content-light.png, writing actual.
47 | await expectContrast(terminal, { background: terminal, label: `${theme.name} terminal text` })
48 |
> 49 | await expect(component).toHaveScreenshot(`rendered-content-${theme.name}.png`)
| ^
50 | })
51 | }
52 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:49:3
|
|
[chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code dark theme:
webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx#L49
1) [chromium] › src/components/common/__tests__/RenderedContentContrast.visual.tsx:10:2 › audits rendered content in the VS Code dark theme
Error: A snapshot doesn't exist at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/__screenshots__/rendered-content-dark.png, writing actual.
47 | await expectContrast(terminal, { background: terminal, label: `${theme.name} terminal text` })
48 |
> 49 | await expect(component).toHaveScreenshot(`rendered-content-${theme.name}.png`)
| ^
50 | })
51 | }
52 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/common/__tests__/RenderedContentContrast.visual.tsx:49: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
9 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
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:6:1 › renders Azure OpenAI endpoint and deployment guidance in the VS Code dark theme
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code dark theme
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code light theme
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code high-contrast theme
[chromium] › src/components/welcome/__tests__/WelcomeViewProvider.visual.tsx:10:2 › renders the full welcome screen in the VS Code high-contrast-light theme
33 passed (53.6s)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
webview-visual-regression
|
715 KB |
sha256:b1d0e209d8a7420bc1d43da2fc2f0ef21cc2f5b35974e8832aa2d061452ba966
|
|