1) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2639px, received 1280px by 2965px. 431361 pixels (ratio 0.12 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2639px, received 1280px by 2965px. 431361 pixels (ratio 0.12 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 - Expected an image 1280px by 2639px, received 1280px by 2965px. 431361 pixels (ratio 0.12 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2639px, received 1280px by 2965px. 431361 pixels (ratio 0.12 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2639px, received 1280px by 2965px. 431361 pixels (ratio 0.12 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 - Expected an image 1280px by 2639px, received 1280px by 2965px. 431361 pixels (ratio 0.12 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBButton" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - button "(Default) Regular" - button "Expressive" - link "Variant arrow_up_right\" / \"" - button "(Default) Outlined - Adaptive" - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - link "StDisatbled arrow_up_right\" / \"" - button "(Default) EnFablsed" - button "DisablTrued" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - link "CShow Icontent arrow_up_right\" / \"" - button "(Default) TFalsext" - button "person\" / \" IcoTrue" - link &"No Text arrow_up_right\" / \"" - button "person\" / \" Ic(Default) False" - button "person\" / \" True" - link "BehavWiourdth arrow_up_right\" / \"" - button "(Default) Auto Width" - button "Width full" Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBB-caae1-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

2) [chromium-highContrast] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBButton" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - button "(Default) Regular" - button "Expressive" - link "Variant arrow_up_right\" / \"" - button "(Default) Outlined - Adaptive" - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - link "StDisatbled arrow_up_right\" / \"" - button "(Default) EnFablsed" - button "DisablTrued" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - link "CShow Icontent arrow_up_right\" / \"" - button "(Default) TFalsext" - button "person\" / \" IcoTrue" - link &"No Text arrow_up_right\" / \"" - button "person\" / \" Ic(Default) False" - button "person\" / \" True" - link "BehavWiourdth arrow_up_right\" / \"" - button "(Default) Auto Width" - button "Width full" Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBB-caae1-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

3) [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2639px, received 1280px by 3617px. 1266068 pixels (ratio 0.28 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2639px, received 1280px by 3617px. 1266068 pixels (ratio 0.28 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 - Expected an image 1280px by 2639px, received 1280px by 3617px. 1266068 pixels (ratio 0.28 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2639px, received 1280px by 3617px. 1266068 pixels (ratio 0.28 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast-retry1/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast-retry1/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2639px, received 1280px by 3617px. 1266068 pixels (ratio 0.28 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 - Expected an image 1280px by 2639px, received 1280px by 3617px. 1266068 pixels (ratio 0.28 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium-highContrast] › default.ts:79:2 › DBDrawer › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 6925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-chromium-highContrast/DBDrawer-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-chromium-highContrast/DBDrawer-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6925 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 - 6925 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium-highContrast] › default.ts:79:2 › DBDrawer › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-chromium-highContrast-retry1/DBDrawer-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-chromium-highContrast-retry1/DBDrawer-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6925 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 - 6925 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium-highContrast] › default.ts:219:2 › DBDrawer › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBDrawer" [level=1] - link "Density arrow_up_right\" / \"" - 'button "Open: Functional"' - 'button "Open: (Default) Regular"' - 'button "Open: Expressive"' - link "Size arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - 'button "Open: (Default) No roundingFalse"' - 'button "Open: RoTrunded"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - 'button "Open: (Default) WiSth Backdropng"' - 'button "Open: Backdrop-wWeak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - link "Directions arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' - 'button "Open: Down"' - link "Example arrow_up_right\" / \"" - 'button "Open: (Default) As modal"' - 'button "Open: Inside"' Expected: /__w/mono/mono/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/drawer-drawer-snapshot-DBD-94d82-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

5) [chromium-highContrast] › default.ts:219:2 › DBDrawer › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBDrawer" [level=1] - link "Density arrow_up_right\" / \"" - 'button "Open: Functional"' - 'button "Open: (Default) Regular"' - 'button "Open: Expressive"' - link "Size arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - 'button "Open: (Default) No roundingFalse"' - 'button "Open: RoTrunded"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - 'button "Open: (Default) WiSth Backdropng"' - 'button "Open: Backdrop-wWeak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - link "Directions arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' - 'button "Open: Down"' - link "Example arrow_up_right\" / \"" - 'button "Open: (Default) As modal"' - 'button "Open: Inside"' Expected: /__w/mono/mono/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/drawer-drawer-snapshot-DBD-94d82-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

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

No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.