1) [chromium] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────────── Error: Screenshot comparison failed: 436 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 436 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 - 436 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24

1) [chromium] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 436 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 436 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 - 436 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24

2) [firefox] › default.ts:13:4 › DBNavigationItem › should match screenshot ────────────────────── Error: Screenshot comparison failed: 436 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-firefox/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-firefox/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 436 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 - 436 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24

2) [firefox] › default.ts:13:4 › DBNavigationItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 436 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-firefox-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-firefox-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 436 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 - 436 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24

Process completed with exit code 1.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3, actions/cache@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

[firefox] › default.ts took 23.0s

[chromium] › default.ts took 21.3s