1) [webkit] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3280px, received 1280px by 3962px. 92303 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/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-webkit/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-webkit/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 3962px. 92303 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 3962px. 92303 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) [webkit] › 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. 92303 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/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-webkit-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-webkit-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. 92303 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. 92303 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) [webkit] › 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 "cross\" / \" 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 x_placeholder" / " Icon x_placeholder" / " Icon & Text x_placeholder" / " 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": - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - checkbox "Interactive Strong Checkbox with Icon circle\" / \"": "on" - text: Interactive Strong Checkbox with Icon circle" / " x_placeholder" / " - radio "Interactive Strong Radio 1 with Icon circle\" / \"": "on" - text: Interactive Strong Radio 1 with Icon circle" / " x_placeholder" / " - 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": - text: x_placeholder" / " - button "Interactive Origin Button with Icon" - text: x_placeholder" / " - link "Interactive Origin Link with Icon" - text: x_placeholder" / " - checkbox "Interactive Origin Checkbox with Icon circle\" / \"": "on" - text: Interactive Origin Checkbox with Icon circle" / " x_placeholder" / " - radio "Interactive Origin Radio 1 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 1 with Icon circle" / " x_placeholder" / " - radio "Interactive Origin Radio 2 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 2 with Icon circle" / " Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/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-web

2) [webkit] › 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 "cross\" / \" 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 x_placeholder" / " Icon x_placeholder" / " Icon & Text x_placeholder" / " 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": - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - checkbox "Interactive Strong Checkbox with Icon circle\" / \"": "on" - text: Interactive Strong Checkbox with Icon circle" / " x_placeholder" / " - radio "Interactive Strong Radio 1 with Icon circle\" / \"": "on" - text: Interactive Strong Radio 1 with Icon circle" / " x_placeholder" / " - 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": - text: x_placeholder" / " - button "Interactive Origin Button with Icon" - text: x_placeholder" / " - link "Interactive Origin Link with Icon" - text: x_placeholder" / " - checkbox "Interactive Origin Checkbox with Icon circle\" / \"": "on" - text: Interactive Origin Checkbox with Icon circle" / " x_placeholder" / " - radio "Interactive Origin Radio 1 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 1 with Icon circle" / " x_placeholder" / " - radio "Interactive Origin Radio 2 with Icon circle\" / \"": "on" - text: Interactive Origin Radio 2 with Icon circle" / " Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/

3) [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 15336 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/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-mobile-chrome/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/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 - 15336 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 - 15336 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

3) [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 15336 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/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-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-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 - 15336 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 - 15336 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

4) [mobile_chrome] › 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/mobile-chrome/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-mobile-chrome/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) [mobile_chrome] › 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/mobile-chrome/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-mobile-chrome-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 › DBInput › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 4905px, received 1280px by 4921px. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-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 4905px, received 1280px by 4921px. 153 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 - 153 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms 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 4905px, received 1280px by 4921px. 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 › DBPopover › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2630px, received 1280px by 2646px. Expected: /__w/mono/mono/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-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 2630px, received 1280px by 2646px. - 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 2630px, received 1280px by 2646px. 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.