Webview Visual Regression #1097
visual-regression.yml
on: workflow_dispatch
webview-visual
1m 57s
theme-fixtures
2m 46s
Annotations
5 errors, 2 warnings, and 1 notice
|
webview-visual
Process completed with exit code 1.
|
|
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code high-contrast-light theme:
webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx#L50
4) [chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code high-contrast-light theme
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#root').locator('internal:control=component')
Expected an image 480px by 660px, received 480px by 984px. 2533 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: openai-compatible-extra-body-high-contrast-light.png
Call log:
- Expect "toHaveScreenshot(openai-compatible-extra-body-high-contrast-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 480px by 660px, received 480px by 984px. 2533 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 480px by 660px, received 480px by 984px. 2533 pixels (ratio 0.01 of all image pixels) are different.
48 | })
49 |
> 50 | await expect(component).toHaveScreenshot(`openai-compatible-extra-body-${theme.name}.png`)
| ^
51 | })
52 | }
53 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:50:27
|
|
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code high-contrast theme:
webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx#L50
3) [chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code high-contrast theme
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#root').locator('internal:control=component')
Expected an image 480px by 660px, received 480px by 984px. 150925 pixels (ratio 0.32 of all image pixels) are different.
Snapshot: openai-compatible-extra-body-high-contrast.png
Call log:
- Expect "toHaveScreenshot(openai-compatible-extra-body-high-contrast.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 480px by 660px, received 480px by 984px. 150925 pixels (ratio 0.32 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 480px by 660px, received 480px by 984px. 150925 pixels (ratio 0.32 of all image pixels) are different.
48 | })
49 |
> 50 | await expect(component).toHaveScreenshot(`openai-compatible-extra-body-${theme.name}.png`)
| ^
51 | })
52 | }
53 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:50:27
|
|
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code light theme:
webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx#L50
2) [chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code light theme
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#root').locator('internal:control=component')
Expected an image 480px by 660px, received 480px by 984px. 2516 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: openai-compatible-extra-body-light.png
Call log:
- Expect "toHaveScreenshot(openai-compatible-extra-body-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 480px by 660px, received 480px by 984px. 2516 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 480px by 660px, received 480px by 984px. 2516 pixels (ratio 0.01 of all image pixels) are different.
48 | })
49 |
> 50 | await expect(component).toHaveScreenshot(`openai-compatible-extra-body-${theme.name}.png`)
| ^
51 | })
52 | }
53 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:50:27
|
|
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code dark theme:
webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx#L50
1) [chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code dark theme
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#root').locator('internal:control=component')
Expected an image 480px by 660px, received 480px by 984px. 151362 pixels (ratio 0.33 of all image pixels) are different.
Snapshot: openai-compatible-extra-body-dark.png
Call log:
- Expect "toHaveScreenshot(openai-compatible-extra-body-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 480px by 660px, received 480px by 984px. 151362 pixels (ratio 0.33 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="w-[480px] bg-vscode-editor-background p-4 text-vscode-foreground">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 480px by 660px, received 480px by 984px. 151362 pixels (ratio 0.33 of all image pixels) are different.
48 | })
49 |
> 50 | await expect(component).toHaveScreenshot(`openai-compatible-extra-body-${theme.name}.png`)
| ^
51 | })
52 | }
53 |
at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:50:27
|
|
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/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code dark theme
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code light theme
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code high-contrast theme
[chromium] › src/components/settings/providers/__tests__/OpenAICompatible.visual.tsx:38:2 › renders a populated Extra Body editor in the VS Code high-contrast-light theme
26 passed (39.8s)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
webview-visual-regression
|
1.67 MB |
sha256:bcda2b6e63100b133696ab4d29ab38edd1c1db7f399fa4a18be1d5bb2bd3ab71
|
|