1) [webkit] › 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/webkit/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-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/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) [webkit] › 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/webkit/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-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-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) [mobile_chrome] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────── Error: Screenshot comparison failed: 156 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-chrome/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-mobile-chrome/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-mobile-chrome/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 - 156 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 - 156 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) [mobile_chrome] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 156 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-chrome/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-mobile-chrome-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-mobile-chrome-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 - 156 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 - 156 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

3) [mobile_safari] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-safari/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-mobile-safari/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-mobile-safari/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 - 120 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 - 120 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

3) [mobile_safari] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-safari/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-mobile-safari-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-mobile-safari-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 - 120 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 - 120 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/.

[mobile_safari] › default.ts took 24.4s

[webkit] › default.ts took 19.5s

[mobile_chrome] › default.ts took 16.1s