Process completed with exit code 1.

1) [firefox] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3280px, received 1280px by 3930px. 95807 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-firefox/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-firefox/DBTag-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 3280px, received 1280px by 3930px. 95807 pixels (ratio 0.02 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 3280px, received 1280px by 3930px. 95807 pixels (ratio 0.02 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) [firefox] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3280px, received 1280px by 3930px. 95807 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-firefox-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-firefox-retry1/DBTag-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 3280px, received 1280px by 3930px. 95807 pixels (ratio 0.02 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 3280px, received 1280px by 3930px. 95807 pixels (ratio 0.02 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) [firefox] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Origin Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Neutral Successful Warning Adaptive SOrigin Critical Origin Informational Origin Neutral Origin Successful Origin Warning Origin Adaptive Strong Critical Strong Informational Strong Neutral Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox circle\" / \"": "on" - text: Interactive Checkbox circle" / " - radio "Interactive Radio 1 circle\" / \"": "on" - text: Interactive Radio 1 circle" / " - radio "Interactive Radio 2 circle\" / \"": "on" - text: Interactive Radio 2 circle" / " Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked circle\" / \"": "on" - text: (Default) Unchecked circle" / " - checkbox "Checked check_circle\" / \"" [checked]: "on" - text: Checked check_circle" / " - checkbox "Disabled check_circle\" / \"" [checked] [disabled]: "on" - text: Disabled check_circle" / " - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text Swap Slot Content Slot - link "Show Check State arrow_up_right\" / \"" - checkbox "(Default )True circle\" / \"": "on" - text: (Default )True circle" / " - checkbox "False circle\" / \"": "on" - text: False circle" / " - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example Strong arrow_up_right\" / \"" - group "Example Strong": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - checkbox "Interactive Strong Checkbox with Icon circle\" / \"": "on" - text: Interactive Strong Checkbox with Icon circle" / " - radio "Interactive Strong Radio 1 with Icon circle\" / \"": "on" - text: Interactive Strong Radio 1 with Icon circle" / " - radio "Interactive Strong Radio 2 with Icon circle\" / \"": "on" - text: Interactive Strong Radio 2 with Icon circle" / " - link "Example Origin arrow_up_right\" / \"" - group "Example Origin": - button "Interactive Origin Button with Icon" - link "Interactive Origin Link with Icon" - checkbox "Interactive Origin Checkbox with Icon circle\" / \"": "on" - text: Interactive Origin Checkbox with Icon circle" / " - radio "Interactive Origin Radio 1 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 1 with Icon circle" / " - radio "Interactive Origin Radio 2 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 2 with Icon circle" / " Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox/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) [firefox] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Origin Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Neutral Successful Warning Adaptive SOrigin Critical Origin Informational Origin Neutral Origin Successful Origin Warning Origin Adaptive Strong Critical Strong Informational Strong Neutral Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox circle\" / \"": "on" - text: Interactive Checkbox circle" / " - radio "Interactive Radio 1 circle\" / \"": "on" - text: Interactive Radio 1 circle" / " - radio "Interactive Radio 2 circle\" / \"": "on" - text: Interactive Radio 2 circle" / " Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked circle\" / \"": "on" - text: (Default) Unchecked circle" / " - checkbox "Checked check_circle\" / \"" [checked]: "on" - text: Checked check_circle" / " - checkbox "Disabled check_circle\" / \"" [checked] [disabled]: "on" - text: Disabled check_circle" / " - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text Swap Slot Content Slot - link "Show Check State arrow_up_right\" / \"" - checkbox "(Default )True circle\" / \"": "on" - text: (Default )True circle" / " - checkbox "False circle\" / \"": "on" - text: False circle" / " - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example Strong arrow_up_right\" / \"" - group "Example Strong": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - checkbox "Interactive Strong Checkbox with Icon circle\" / \"": "on" - text: Interactive Strong Checkbox with Icon circle" / " - radio "Interactive Strong Radio 1 with Icon circle\" / \"": "on" - text: Interactive Strong Radio 1 with Icon circle" / " - radio "Interactive Strong Radio 2 with Icon circle\" / \"": "on" - text: Interactive Strong Radio 2 with Icon circle" / " - link "Example Origin arrow_up_right\" / \"" - group "Example Origin": - button "Interactive Origin Button with Icon" - link "Interactive Origin Link with Icon" - checkbox "Interactive Origin Checkbox with Icon circle\" / \"": "on" - text: Interactive Origin Checkbox with Icon circle" / " - radio "Interactive Origin Radio 1 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 1 with Icon circle" / " - radio "Interactive Origin Radio 2 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 2 with Icon circle" / " Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 2

3) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 22471 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-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 - 22471 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 - 22471 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) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 22471 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-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 - 22471 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 - 22471 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) [webkit] › default.ts:219:2 › DBBadge › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Origin Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Neutral Successful Warning Adaptive SOrigin Critical Origin Informational Origin Neutral Origin Successful Origin Warning Origin Adaptive Strong Critical Strong Informational Strong Neutral Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-have-same-aria-snapshot-webkit/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) [webkit] › default.ts:219:2 › DBBadge › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Origin Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Neutral Successful Warning Adaptive SOrigin Critical Origin Informational Origin Neutral Origin Successful Origin Warning Origin Adaptive Strong Critical Strong Informational Strong Neutral Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-have-same-aria-snapshot-webkit-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) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1737px, received 1280px by 1753px. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-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 1737px, received 1280px by 1753px. - 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 1737px, received 1280px by 1753px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

6) [webkit] › default.ts:79:2 › DBDrawer › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2955px, received 1280px by 2987px. Expected: /__w/mono/mono/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-webkit/DBDrawer-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/drawer-drawer-snapshot-DBDrawer-should-match-screenshot-webkit/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 - Expected an image 1280px by 2955px, received 1280px by 2987px. - 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 2955px, received 1280px by 2987px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

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