Skip to content

fix(webview): render expanded task header text as markdown with consistent scrollbar #4972

fix(webview): render expanded task header text as markdown with consistent scrollbar

fix(webview): render expanded task header text as markdown with consistent scrollbar #4972

Triggered via pull request October 29, 2026 17:19
Status Failure
Total duration 17m 26s
Artifacts 1

visual-regression.yml

on: pull_request
webview-visual
4m 0s
webview-visual
theme-fixtures
2m 27s
theme-fixtures
extension-host-visual
4m 29s
extension-host-visual
Fit to window
Zoom out
Zoom in

Annotations

5 errors and 5 notices
webview-visual
Process completed with exit code 1.
[chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the high-contrast-light theme: webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx#L34
4) [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the high-contrast-light theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 175 pixels (ratio 0.01 of all image pixels) are different. Snapshot: task-header-markdown-high-contrast-light.png Call log: - Expect "toHaveScreenshot(task-header-markdown-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="task-header-markdown">…</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 - 175 pixels (ratio 0.01 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="task-header-markdown">…</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 - 175 pixels (ratio 0.01 of all image pixels) are different. 32 | expect(scrollHeight).toBeGreaterThan(clientHeight) 33 | > 34 | await expect(component).toHaveScreenshot(`task-header-markdown-${theme.name}.png`) | ^ 35 | }) 36 | } 37 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx:34:27
[chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the high-contrast theme: webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx#L34
3) [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the high-contrast theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 190 pixels (ratio 0.01 of all image pixels) are different. Snapshot: task-header-markdown-high-contrast.png Call log: - Expect "toHaveScreenshot(task-header-markdown-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="task-header-markdown">…</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 - 190 pixels (ratio 0.01 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="task-header-markdown">…</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 - 190 pixels (ratio 0.01 of all image pixels) are different. 32 | expect(scrollHeight).toBeGreaterThan(clientHeight) 33 | > 34 | await expect(component).toHaveScreenshot(`task-header-markdown-${theme.name}.png`) | ^ 35 | }) 36 | } 37 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx:34:27
[chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the light theme: webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx#L34
2) [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the light theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 175 pixels (ratio 0.01 of all image pixels) are different. Snapshot: task-header-markdown-light.png Call log: - Expect "toHaveScreenshot(task-header-markdown-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="task-header-markdown">…</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 - 175 pixels (ratio 0.01 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="task-header-markdown">…</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 - 175 pixels (ratio 0.01 of all image pixels) are different. 32 | expect(scrollHeight).toBeGreaterThan(clientHeight) 33 | > 34 | await expect(component).toHaveScreenshot(`task-header-markdown-${theme.name}.png`) | ^ 35 | }) 36 | } 37 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx:34:27
[chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the dark theme: webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx#L34
1) [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the dark theme Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#root').locator(':scope > [data-playwright-mounted]') 163 pixels (ratio 0.01 of all image pixels) are different. Snapshot: task-header-markdown-dark.png Call log: - Expect "toHaveScreenshot(task-header-markdown-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="task-header-markdown">…</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 - 163 pixels (ratio 0.01 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="task-header-markdown">…</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 - 163 pixels (ratio 0.01 of all image pixels) are different. 32 | expect(scrollHeight).toBeGreaterThan(clientHeight) 33 | > 34 | await expect(component).toHaveScreenshot(`task-header-markdown-${theme.name}.png`) | ^ 35 | }) 36 | } 37 | at /__w/Zoo-Code/Zoo-Code/webview-ui/src/components/chat/__tests__/TaskHeader.visual.tsx:34:27
🎭 Playwright Run Summary
9 passed (1.3m)
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"
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
4 failed [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the dark theme [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the light theme [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the high-contrast theme [chromium] › src/components/chat/__tests__/TaskHeader.visual.tsx:10:2 › renders the expanded TaskHeader prompt as markdown in the high-contrast-light theme 78 passed (2.8m)
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
1.34 MB
sha256:7408279171940ed2e98aa00aca3e031a21d7ce0f52134dcc22565eaa6d60cdd3