4) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:222:9 › Visual regression baselines › VISN-04: admin bar node in expiring state baseline Error: expect(page).toHaveScreenshot(expected) failed 5475 pixels (ratio 0.14 of all image pixels) are different. Snapshot: admin-bar-expiring.png Call log: - Expect "toHaveScreenshot(admin-bar-expiring.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5475 pixels (ratio 0.14 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 - 5475 pixels (ratio 0.14 of all image pixels) are different. 252 | // maxDiffPixels: 200 — tolerate timer-node width variation at mask boundary (same 253 | // rationale as VISN-03: .ab-label mask bounding box shifts slightly between runs). > 254 | await expect( page ).toHaveScreenshot( | ^ 255 | 'admin-bar-expiring.png', 256 | { 257 | clip: { x: 0, y: 0, width: 1280, height: 32 }, at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:254:30

3) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:159:9 › Visual regression baselines › VISN-03: admin bar node in active session state baseline Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 5443 pixels (ratio 0.14 of all image pixels) are different. Snapshot: admin-bar-active.png Call log: - Expect "toHaveScreenshot(admin-bar-active.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5443 pixels (ratio 0.14 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 - 5443 pixels (ratio 0.14 of all image pixels) are different. 188 | // 200px is above the observed max drift (64px) and well below any real regression. 189 | // This baseline primarily asserts: WP Sudo node is visible with green background. > 190 | await expect( page ).toHaveScreenshot( | ^ 191 | 'admin-bar-active.png', 192 | { 193 | clip: { x: 0, y: 0, width: 1280, height: 32 }, at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:190:30

3) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:159:9 › Visual regression baselines › VISN-03: admin bar node in active session state baseline Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 5443 pixels (ratio 0.14 of all image pixels) are different. Snapshot: admin-bar-active.png Call log: - Expect "toHaveScreenshot(admin-bar-active.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5443 pixels (ratio 0.14 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 - 5443 pixels (ratio 0.14 of all image pixels) are different. 188 | // 200px is above the observed max drift (64px) and well below any real regression. 189 | // This baseline primarily asserts: WP Sudo node is visible with green background. > 190 | await expect( page ).toHaveScreenshot( | ^ 191 | 'admin-bar-active.png', 192 | { 193 | clip: { x: 0, y: 0, width: 1280, height: 32 }, at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:190:30

3) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:159:9 › Visual regression baselines › VISN-03: admin bar node in active session state baseline Error: expect(page).toHaveScreenshot(expected) failed 5443 pixels (ratio 0.14 of all image pixels) are different. Snapshot: admin-bar-active.png Call log: - Expect "toHaveScreenshot(admin-bar-active.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5443 pixels (ratio 0.14 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 - 5443 pixels (ratio 0.14 of all image pixels) are different. 188 | // 200px is above the observed max drift (64px) and well below any real regression. 189 | // This baseline primarily asserts: WP Sudo node is visible with green background. > 190 | await expect( page ).toHaveScreenshot( | ^ 191 | 'admin-bar-active.png', 192 | { 193 | clip: { x: 0, y: 0, width: 1280, height: 32 }, at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:190:30

2) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:112:9 › Visual regression baselines › VISN-02: settings page form element baseline Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('.wrap') Expected an image 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. Snapshot: settings-form.png Call log: - Expect "toHaveScreenshot(settings-form.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('.wrap') - locator resolved to <div class="wrap">…</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 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.wrap') - locator resolved to <div class="wrap">…</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 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. 123 | const muStatus = page.locator( '#wp-sudo-mu-status' ); 124 | > 125 | await expect( page.locator( '.wrap' ) ).toHaveScreenshot( | ^ 126 | 'settings-form.png', 127 | { 128 | threshold: 0.05, at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:125:49

2) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:112:9 › Visual regression baselines › VISN-02: settings page form element baseline Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('.wrap') Expected an image 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. Snapshot: settings-form.png Call log: - Expect "toHaveScreenshot(settings-form.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('.wrap') - locator resolved to <div class="wrap">…</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 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.wrap') - locator resolved to <div class="wrap">…</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 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. 123 | const muStatus = page.locator( '#wp-sudo-mu-status' ); 124 | > 125 | await expect( page.locator( '.wrap' ) ).toHaveScreenshot( | ^ 126 | 'settings-form.png', 127 | { 128 | threshold: 0.05, at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:125:49

2) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:112:9 › Visual regression baselines › VISN-02: settings page form element baseline Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('.wrap') Expected an image 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. Snapshot: settings-form.png Call log: - Expect "toHaveScreenshot(settings-form.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('.wrap') - locator resolved to <div class="wrap">…</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 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.wrap') - locator resolved to <div class="wrap">…</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 1078px by 2182px, received 1078px by 1421px. 312997 pixels (ratio 0.14 of all image pixels) are different. 123 | const muStatus = page.locator( '#wp-sudo-mu-status' ); 124 | > 125 | await expect( page.locator( '.wrap' ) ).toHaveScreenshot( | ^ 126 | 'settings-form.png', 127 | { 128 | threshold: 0.05, at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:125:49

1) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:77:9 › Visual regression baselines › VISN-01: challenge page card element baseline Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#wp-sudo-challenge-card') Expected an image 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. Snapshot: challenge-card.png Call log: - Expect "toHaveScreenshot(challenge-card.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#wp-sudo-challenge-card') - locator resolved to <div id="wp-sudo-challenge-card" class="wp-sudo-challenge-card">…</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 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#wp-sudo-challenge-card') - locator resolved to <div id="wp-sudo-challenge-card" class="wp-sudo-challenge-card">…</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 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. 91 | await expect( card ).toBeVisible(); 92 | > 93 | await expect( card ).toHaveScreenshot( 'challenge-card.png', { | ^ 94 | threshold: 0.05, 95 | // maxDiffPixels not set — use threshold percentage for element clips 96 | } ); at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:93:30

1) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:77:9 › Visual regression baselines › VISN-01: challenge page card element baseline Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#wp-sudo-challenge-card') Expected an image 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. Snapshot: challenge-card.png Call log: - Expect "toHaveScreenshot(challenge-card.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#wp-sudo-challenge-card') - locator resolved to <div id="wp-sudo-challenge-card" class="wp-sudo-challenge-card">…</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 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#wp-sudo-challenge-card') - locator resolved to <div id="wp-sudo-challenge-card" class="wp-sudo-challenge-card">…</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 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. 91 | await expect( card ).toBeVisible(); 92 | > 93 | await expect( card ).toHaveScreenshot( 'challenge-card.png', { | ^ 94 | threshold: 0.05, 95 | // maxDiffPixels not set — use threshold percentage for element clips 96 | } ); at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:93:30

1) [chromium-visual] › tests/e2e/specs/visual/regression-baselines.spec.ts:77:9 › Visual regression baselines › VISN-01: challenge page card element baseline Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#wp-sudo-challenge-card') Expected an image 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. Snapshot: challenge-card.png Call log: - Expect "toHaveScreenshot(challenge-card.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#wp-sudo-challenge-card') - locator resolved to <div id="wp-sudo-challenge-card" class="wp-sudo-challenge-card">…</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 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#wp-sudo-challenge-card') - locator resolved to <div id="wp-sudo-challenge-card" class="wp-sudo-challenge-card">…</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 470px by 375px, received 470px by 367px. 9854 pixels (ratio 0.06 of all image pixels) are different. 91 | await expect( card ).toBeVisible(); 92 | > 93 | await expect( card ).toHaveScreenshot( 'challenge-card.png', { | ^ 94 | threshold: 0.05, 95 | // maxDiffPixels not set — use threshold percentage for element clips 96 | } ); at /home/runner/work/Sudo/Sudo/tests/e2e/specs/visual/regression-baselines.spec.ts:93:30