Skip to content

Support dark mode

Support dark mode #482

Triggered via pull request March 20, 2025 12:12
Status Failure
Total duration 5m 30s
Artifacts 2

ci.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

4 errors and 1 notice
[chrome] › tests/git-scm.spec.js:294:1 › dark mode: tests/git-scm.spec.js#L303
1) [chrome] › tests/git-scm.spec.js:294:1 › dark mode ──────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/git-scm.com/git-scm.com/tests/git-scm.spec.js-snapshots/light-mode-chrome-linux.png Received: /home/runner/work/git-scm.com/git-scm.com/test-results/git-scm-dark-mode-chrome/light-mode-actual.png Diff: /home/runner/work/git-scm.com/git-scm.com/test-results/git-scm-dark-mode-chrome/light-mode-diff.png Call log: - expect.toHaveScreenshot(light-mode.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3 pixels (ratio 0.01 of all image pixels) are different. 301 | const darkModeButton = page.locator('#dark-mode-button'); 302 | > 303 | await expect(page).toHaveScreenshot('light-mode.png'); | ^ 304 | await darkModeButton.click(); 305 | await expect(page).toHaveScreenshot('dark-mode.png'); 306 | at /home/runner/work/git-scm.com/git-scm.com/tests/git-scm.spec.js:303:22
[chrome] › tests/git-scm.spec.js:294:1 › dark mode: tests/git-scm.spec.js#L303
1) [chrome] › tests/git-scm.spec.js:294:1 › dark mode ──────────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/git-scm.com/git-scm.com/tests/git-scm.spec.js-snapshots/light-mode-chrome-linux.png Received: /home/runner/work/git-scm.com/git-scm.com/test-results/git-scm-dark-mode-chrome-retry1/light-mode-actual.png Diff: /home/runner/work/git-scm.com/git-scm.com/test-results/git-scm-dark-mode-chrome-retry1/light-mode-diff.png Call log: - expect.toHaveScreenshot(light-mode.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3 pixels (ratio 0.01 of all image pixels) are different. 301 | const darkModeButton = page.locator('#dark-mode-button'); 302 | > 303 | await expect(page).toHaveScreenshot('light-mode.png'); | ^ 304 | await darkModeButton.click(); 305 | await expect(page).toHaveScreenshot('dark-mode.png'); 306 | at /home/runner/work/git-scm.com/git-scm.com/tests/git-scm.spec.js:303:22
[chrome] › tests/git-scm.spec.js:294:1 › dark mode: tests/git-scm.spec.js#L303
1) [chrome] › tests/git-scm.spec.js:294:1 › dark mode ──────────────────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/git-scm.com/git-scm.com/tests/git-scm.spec.js-snapshots/light-mode-chrome-linux.png Received: /home/runner/work/git-scm.com/git-scm.com/test-results/git-scm-dark-mode-chrome-retry2/light-mode-actual.png Diff: /home/runner/work/git-scm.com/git-scm.com/test-results/git-scm-dark-mode-chrome-retry2/light-mode-diff.png Call log: - expect.toHaveScreenshot(light-mode.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3 pixels (ratio 0.01 of all image pixels) are different. 301 | const darkModeButton = page.locator('#dark-mode-button'); 302 | > 303 | await expect(page).toHaveScreenshot('light-mode.png'); | ^ 304 | await darkModeButton.click(); 305 | await expect(page).toHaveScreenshot('dark-mode.png'); 306 | at /home/runner/work/git-scm.com/git-scm.com/tests/git-scm.spec.js:303:22
build
Process completed with exit code 1.
🎭 Playwright Run Summary
1 failed [chrome] › tests/git-scm.spec.js:294:1 › dark mode ───────────────────────────────────────────── 1 skipped 9 passed (35.9s)

Artifacts

Produced during runtime
Name Size Digest
pages Expired
377 MB
sha256:04c6555751b336f6ed6b8a088fa4bd78f916393bf62335cc06c7541209385fba
playwright-report Expired
1.93 MB
sha256:62d437ecc3e6c63996f28c816b10f99f9fd2444ea14d88c334a48f6d2104072b