Skip to content

test(e2e): port view-state suite with reload and rehydration coverage (vps2 F6) #4742

test(e2e): port view-state suite with reload and rehydration coverage (vps2 F6)

test(e2e): port view-state suite with reload and rehydration coverage (vps2 F6) #4742

Triggered via pull request October 26, 2026 21:47
Status Failure
Total duration 4m 43s
Artifacts 1

visual-regression.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

6 errors and 5 notices
webview-visual
Process completed with exit code 1.
[chromium] › src/components/settings/__tests__/OpencodeGoTemperature.visual.tsx:4:1 › shows the temperature control only for supported OpenCode Go Responses states: webview-ui/src/components/settings/__tests__/OpencodeGoTemperature.visual.tsx#L8
5) [chromium] › src/components/settings/__tests__/OpencodeGoTemperature.visual.tsx:4:1 › shows the temperature control only for supported OpenCode Go Responses states Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]').getByTestId('opencode-go-temperature-story') Expected an image 480px by 359px, received 480px by 340px. 18163 pixels (ratio 0.11 of all image pixels) are different. Snapshot: opencode-go-temperature.png Call log: - Expect "toHaveScreenshot(opencode-go-temperature.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator(':scope > [data-playwright-mounted]').getByTestId('opencode-go-temperature-story') - locator resolved to <div data-testid="opencode-go-temperature-story" class="w-[480px] p-4 flex flex-col gap-4 bg-vscode-editor-background 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 359px, received 480px by 340px. 18163 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator(':scope > [data-playwright-mounted]').getByTestId('opencode-go-temperature-story') - locator resolved to <div data-testid="opencode-go-temperature-story" class="w-[480px] p-4 flex flex-col gap-4 bg-vscode-editor-background 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 359px, received 480px by 340px. 18163 pixels (ratio 0.11 of all image pixels) are different. 6 | const story = component.getByTestId("opencode-go-temperature-story") 7 | > 8 | await expect(story).toHaveScreenshot("opencode-go-temperature.png") | ^ 9 | }) 10 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/settings/__tests__/OpencodeGoTemperature.visual.tsx:8:22
[chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code high-contrast-light theme: webview-ui/src/components/history/__tests__/HistoryView.visual.tsx#L44
4) [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code high-contrast-light theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 23070 pixels (ratio 0.08 of all image pixels) are different. Snapshot: history-rename-editor-high-contrast-light.png Call log: - Expect "toHaveScreenshot(history-rename-editor-high-contrast-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 23070 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 23070 pixels (ratio 0.08 of all image pixels) are different. 42 | await expect(input).toBeFocused() 43 | await expect(input).toHaveValue("Write unit tests for the billing service") > 44 | await expect(component).toHaveScreenshot(`history-rename-editor-${theme.name}.png`) | ^ 45 | await expectBoundedLayout(page, component, { focusedControl: input }) 46 | }) 47 | } at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/history/__tests__/HistoryView.visual.tsx:44:27
[chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code high-contrast theme: webview-ui/src/components/history/__tests__/HistoryView.visual.tsx#L44
3) [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code high-contrast theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 24977 pixels (ratio 0.08 of all image pixels) are different. Snapshot: history-rename-editor-high-contrast.png Call log: - Expect "toHaveScreenshot(history-rename-editor-high-contrast.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 24977 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 24977 pixels (ratio 0.08 of all image pixels) are different. 42 | await expect(input).toBeFocused() 43 | await expect(input).toHaveValue("Write unit tests for the billing service") > 44 | await expect(component).toHaveScreenshot(`history-rename-editor-${theme.name}.png`) | ^ 45 | await expectBoundedLayout(page, component, { focusedControl: input }) 46 | }) 47 | } at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/history/__tests__/HistoryView.visual.tsx:44:27
[chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code light theme: webview-ui/src/components/history/__tests__/HistoryView.visual.tsx#L44
2) [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code light theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 21511 pixels (ratio 0.07 of all image pixels) are different. Snapshot: history-rename-editor-light.png Call log: - Expect "toHaveScreenshot(history-rename-editor-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 21511 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 21511 pixels (ratio 0.07 of all image pixels) are different. 42 | await expect(input).toBeFocused() 43 | await expect(input).toHaveValue("Write unit tests for the billing service") > 44 | await expect(component).toHaveScreenshot(`history-rename-editor-${theme.name}.png`) | ^ 45 | await expectBoundedLayout(page, component, { focusedControl: input }) 46 | }) 47 | } at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/history/__tests__/HistoryView.visual.tsx:44:27
[chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code dark theme: webview-ui/src/components/history/__tests__/HistoryView.visual.tsx#L44
1) [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code dark theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 7592 pixels (ratio 0.03 of all image pixels) are different. Snapshot: history-rename-editor-dark.png Call log: - Expect "toHaveScreenshot(history-rename-editor-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 7592 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator(':scope > [data-playwright-mounted]') - locator resolved to <div data-testid="ct-app-shell" data-playwright-mounted="history-rename">…</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 - 7592 pixels (ratio 0.03 of all image pixels) are different. 42 | await expect(input).toBeFocused() 43 | await expect(input).toHaveValue("Write unit tests for the billing service") > 44 | await expect(component).toHaveScreenshot(`history-rename-editor-${theme.name}.png`) | ^ 45 | await expectBoundedLayout(page, component, { focusedControl: input }) 46 | }) 47 | } at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/history/__tests__/HistoryView.visual.tsx:44:27
theme-fixtures
"The ubuntu-latest label will migrate to Ubuntu 26 beginning October 19, 2026. For more information, see https://github.com/actions/runner-images/issues/14748"
🎭 Playwright Run Summary
9 passed (1.1m)
extension-host-visual
"The ubuntu-latest label will migrate to Ubuntu 26 beginning October 19, 2026. For more information, see https://github.com/actions/runner-images/issues/14748"
🎭 Playwright Run Summary
5 failed [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code dark theme [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code light theme [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code high-contrast theme [chromium] › src/components/history/__tests__/HistoryView.visual.tsx:25:2 › renders task rename states in the VS Code high-contrast-light theme [chromium] › src/components/settings/__tests__/OpencodeGoTemperature.visual.tsx:4:1 › shows the temperature control only for supported OpenCode Go Responses states 73 passed (3.3m)
webview-visual
"The ubuntu-latest label will migrate to Ubuntu 26 beginning October 19, 2026. For more information, see https://github.com/actions/runner-images/issues/14748"

Artifacts

Produced during runtime
Name Size Digest
webview-visual-regression
899 KB
sha256:900c79ca2806f5edbc2210781edff31028f65b236ddcea44aaa6d2448e7917d2