1) [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-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 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 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 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 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 › DBSection › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast-retry1/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast-retry1/DBSection-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 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 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 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 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 › DBSection › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSection" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive - link "Width arrow_up_right\" / \"" - text: (Default) Full (Default) Full (Default) Full (Default) Full Small Small Small Small Medium Medium Medium Medium Large Large Large Large - link "Spacing arrow_up_right\" / \"" - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-D-04ec7-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium-highContrast] › default.ts:219:2 › DBSection › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSection" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive - link "Width arrow_up_right\" / \"" - text: (Default) Full (Default) Full (Default) Full (Default) Full Small Small Small Small Medium Medium Medium Medium Large Large Large Large - link "Spacing arrow_up_right\" / \"" - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-D-04ec7-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 158 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-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 - 158 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 - 158 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

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 158 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-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 - 158 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 - 158 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:219:2 › DBTabItem › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - tab "Functional": "on" - text: Functional - tablist: - tab "(Default) Regular": "on" - text: (Default) Regular - tablist: - tab "Expressive": "on" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - tab "(Default) Enabled": "on" - text: (Default) Enabled - tablist: - tab "active" [selected]: "on" - text: active - tablist: - tab "disabled" [disabled]: "on" - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - tab "(Default) Text": "on" - text: (Default) Text - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Icon": "on" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - tab "(Default) Auto Width": "on" - text: (Default) Auto Width - tablist: - tab "Width full": "on" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - tab "Left": "on" - text: Left - tablist: - tab "Centered": "on" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - tab "Functional": "on" - text: Functional - tablist: - tab "(Default) Regular": "on" - text: (Default) Regular - tablist: - tab "Expressive": "on" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - tab "(Default) Enabled": "on" - text: (Default) Enabled - tablist: - tab "active" [selected]: "on" - text: active - tablist: - tab "disabled" [disabled]: "on" - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - tab "(Default) Text": "on" - text: (Default) Text - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Icon": "on" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - tab "(Default) Auto Width": "on" - text: (Default) Auto Width - tablist: - tab "Width full": "on" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - tab "Left": "on" - text: Left - tablist: - tab "Centered": "on" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 396 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-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 - 396 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 - 396 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:79:2 › DBTabs › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 396 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-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 - 396 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 - 396 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

Process completed with exit code 1.

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