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

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

2) [webkit] › 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: db" / " - tab "db\" / \" Text - Icon (Leading)": on - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) db\" / \"": on - text: Text - Icon (Trailing) db" / " - tablist: - text: db" / " - tab "db\" / \" 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/webkit/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-webkit/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

2) [webkit] › 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: db" / " - tab "db\" / \" Text - Icon (Leading)": on - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) db\" / \"": on - text: Text - Icon (Trailing) db" / " - tablist: - text: db" / " - tab "db\" / \" 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/webkit/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-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

3) [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tab "Test 4": on - text: Test 4 - tab "Test 5": on - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: scrollbar:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tab "Test 4": on - text: Test 4 - tab "Test 5": on - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - link "Examples arrow_up_right\" / \"" - text: "2 tab selected:" - tablist: - tab "Test 1": on - text: Test 1 - tab "Test 2" [selected]: on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 2": Tab Panel 2 - text: "nothing selected:" - tablist: - tab "Test 1": on - text: Test 1 - tab "Test 2": on

3) [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tab "Test 4": on - text: Test 4 - tab "Test 5": on - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: scrollbar:" - tablist: - tab "Test 1" [selected]: on - text: Test 1 - tab "Test 2": on - text: Test 2 - tab "Test 3": on - text: Test 3 - tab "Test 4": on - text: Test 4 - tab "Test 5": on - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - link "Examples arrow_up_right\" / \"" - text: "2 tab selected:" - tablist: - tab "Test 1": on - text: Test 1 - tab "Test 2" [selected]: on - text: Test 2 - tab "Test 3": on - text: Test 3 - tabpanel "Test 2": Tab Panel 2 - text: "nothing selected:" -

4) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3615px, received 1280px by 3631px. 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 3615px, received 1280px by 3631px. - 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 3615px, received 1280px by 3631px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [webkit] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2305px, received 1280px by 2337px. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-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 2305px, received 1280px by 2337px. - 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 2305px, received 1280px by 2337px. 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:219:2 › DBNavigation › should have same aria-snapshot ─────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBNavigation" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - navigation "Functional": - list: - listitem: - button "Navi-Item 1 chevron_down\" / \"" - listitem: - text: person" / " - link "Navi-Item 2" - listitem: - link "Navi-Item 3" - text: (Default) Regular - navigation "(Default) Regular": - list: - listitem: - button "Navi-Item 1 chevron_down\" / \"" - listitem: - text: person" / " - link "Navi-Item 2" - listitem: - link "Navi-Item 3" - text: Expressive - navigation "Expressive": - list: - listitem: - button "Navi-Item 1 chevron_down\" / \"" - listitem: - text: person" / " - link "Navi-Item 2" - listitem: - link "Navi-Item 3" Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-92bb2-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 225 | 226 | const snapshot = await page.locator('main').ariaSnapshot(); > 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 228 | }); 229 | }; 230 | at /__w/mono/mono/showcases/e2e/default.ts:227:20

7) [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/-showcase/results. No artifacts will be uploaded.