1) [mobile_chrome] › notification/notification.spec.tsx:15:6 › DBNotification › should match screenshot Error: expect(locator).toHaveScreenshot(expected) 90 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/notification-notification--3bf24-ion-should-match-screenshot-mobile-chrome/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--3bf24-ion-should-match-screenshot-mobile-chrome/DBNotification-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:17:27

1) [mobile_chrome] › notification/notification.spec.tsx:15:6 › DBNotification › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 90 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/notification-notification--3bf24-ion-should-match-screenshot-mobile-chrome-retry1/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--3bf24-ion-should-match-screenshot-mobile-chrome-retry1/DBNotification-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:17:27

2) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical Error: expect(locator).toHaveScreenshot(expected) 91 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png Received: /__w/mono/mono/output/react/test-results/notification-notification--c004b-nshot-for-semantic-critical-mobile-chrome/DBNotification-should-matc-a7c72-hot-for-semantic-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--c004b-nshot-for-semantic-critical-mobile-chrome/DBNotification-should-matc-a7c72-hot-for-semantic-critical-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="critical">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="critical">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

2) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 91 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png Received: /__w/mono/mono/output/react/test-results/notification-notification--c004b-nshot-for-semantic-critical-mobile-chrome-retry1/DBNotification-should-matc-a7c72-hot-for-semantic-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--c004b-nshot-for-semantic-critical-mobile-chrome-retry1/DBNotification-should-matc-a7c72-hot-for-semantic-critical-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="critical">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="critical">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

3) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational Error: expect(locator).toHaveScreenshot(expected) 90 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png Received: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome/DBNotification-should-matc-47073-or-semantic-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome/DBNotification-should-matc-47073-or-semantic-informational-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="informational">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="informational">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

3) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 90 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png Received: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome-retry1/DBNotification-should-matc-47073-or-semantic-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome-retry1/DBNotification-should-matc-47073-or-semantic-informational-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="informational">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="informational">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

4) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning Error: expect(locator).toHaveScreenshot(expected) 91 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png Received: /__w/mono/mono/output/react/test-results/notification-notification--26b30-enshot-for-semantic-warning-mobile-chrome/DBNotification-should-matc-97be0-shot-for-semantic-warning-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--26b30-enshot-for-semantic-warning-mobile-chrome/DBNotification-should-matc-97be0-shot-for-semantic-warning-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="warning">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="warning">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

4) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 91 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png Received: /__w/mono/mono/output/react/test-results/notification-notification--26b30-enshot-for-semantic-warning-mobile-chrome-retry1/DBNotification-should-matc-97be0-shot-for-semantic-warning-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--26b30-enshot-for-semantic-warning-mobile-chrome-retry1/DBNotification-should-matc-97be0-shot-for-semantic-warning-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="warning">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="warning">…</article> - 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 - 91 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

5) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful Error: expect(locator).toHaveScreenshot(expected) 90 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png Received: /__w/mono/mono/output/react/test-results/notification-notification--f30a0-hot-for-semantic-successful-mobile-chrome/DBNotification-should-matc-07cb3-t-for-semantic-successful-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--f30a0-hot-for-semantic-successful-mobile-chrome/DBNotification-should-matc-07cb3-t-for-semantic-successful-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="successful">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="successful">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

5) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 90 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png Received: /__w/mono/mono/output/react/test-results/notification-notification--f30a0-hot-for-semantic-successful-mobile-chrome-retry1/DBNotification-should-matc-07cb3-t-for-semantic-successful-1-actual.png Diff: /__w/mono/mono/output/react/test-results/notification-notification--f30a0-hot-for-semantic-successful-mobile-chrome-retry1/DBNotification-should-matc-07cb3-t-for-semantic-successful-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="successful">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <article class="db-notification" data-semantic="successful">…</article> - 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 - 90 pixels (ratio 0.01 of all image pixels) are different. 28 | ); 29 | const component = await mount(variantComp); > 30 | await expect(component).toHaveScreenshot(); | ^ 31 | }); 32 | } 33 | }; at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636