1) [mobile_chrome] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-mobile-chrome/ba41c6a4dd0b5fd4532f-547f78ce6c5bc9ba5f8d-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/react/src/components/textarea/textarea.spec.tsx:27:35

1) [mobile_chrome] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-mobile-chrome-retry1/ba41c6a4dd0b5fd4532f-547f78ce6c5bc9ba5f8d-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/react/src/components/textarea/textarea.spec.tsx:27:35

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-mobile-chrome/ba41c6a4dd0b5fd4532f-547f78ce6c5bc9ba5f8d-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/vue/src/components/textarea/textarea.spec.tsx:27:35

1) [mobile_chrome] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-mobile-chrome-retry1/ba41c6a4dd0b5fd4532f-547f78ce6c5bc9ba5f8d-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/vue/src/components/textarea/textarea.spec.tsx:27:35

1) [chromium] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-chromium/ba41c6a4dd0b5fd4532f-0d9fa3086c3d8fb516b8-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/react/src/components/textarea/textarea.spec.tsx:27:35

1) [chromium] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-chromium-retry1/ba41c6a4dd0b5fd4532f-0d9fa3086c3d8fb516b8-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/react/src/components/textarea/textarea.spec.tsx:27:35

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-chromium/ba41c6a4dd0b5fd4532f-0d9fa3086c3d8fb516b8-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/vue/src/components/textarea/textarea.spec.tsx:27:35

1) [chromium] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-chromium-retry1/ba41c6a4dd0b5fd4532f-0d9fa3086c3d8fb516b8-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/vue/src/components/textarea/textarea.spec.tsx:27:35

1) [firefox] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-firefox/ba41c6a4dd0b5fd4532f-7a54b177bfda5e4f8424-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/vue/src/components/textarea/textarea.spec.tsx:27:35

1) [firefox] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-firefox-retry1/ba41c6a4dd0b5fd4532f-7a54b177bfda5e4f8424-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/vue/src/components/textarea/textarea.spec.tsx:27:35

Process completed with exit code 1.

1) [firefox] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-firefox/ba41c6a4dd0b5fd4532f-7a54b177bfda5e4f8424-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/react/src/components/textarea/textarea.spec.tsx:27:35

1) [firefox] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: Label - textbox "Label": Test - status Expected: /__w/mono/mono/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/textarea-textarea-DBTextarea-should-have-same-aria-snapshot-firefox-retry1/ba41c6a4dd0b5fd4532f-7a54b177bfda5e4f8424-actual.yaml 25 | // Some wired issue with react and playwright ariaSnapshot in this case 26 | const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); > 27 | expect(playwrightReactIssueFix).toMatchSnapshot( | ^ 28 | `${testInfo.testId}.yaml` 29 | ); 30 | }); at /__w/mono/mono/output/react/src/components/textarea/textarea.spec.tsx:27:35

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium] › 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/chromium/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/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

1) [chromium] › 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/chromium/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-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

2) [chromium] › 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

2) [chromium] › 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:" -

3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1661px, received 1280px by 1677px. 20480 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-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 1661px, received 1280px by 1677px. 20480 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 - Expected an image 1280px by 1661px, received 1280px by 1677px. 20480 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) [chromium-highContrast] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-chromium-highContrast/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

1) [chromium-highContrast] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-chromium-highContrast-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

2) [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: 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/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 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) [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: 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/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 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) [chromium-highContrast] › 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) [chromium-highContrast] › 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:" -

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ──────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-mobile-chrome/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

1) [mobile_chrome] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-mobile-chrome-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

2) [mobile_chrome] › 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/mobile-chrome/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-mobile-chrome/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) [mobile_chrome] › 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/mobile-chrome/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-mobile-chrome-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) [mobile_chrome] › 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) [mobile_chrome] › 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:" -

Process completed with exit code 1.

1) [chromium] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ───────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-chromium/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

1) [chromium] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-chromium-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

2) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1655px, received 1280px by 1671px. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-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 1655px, received 1280px by 1671px. - 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 1655px, received 1280px by 1671px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2630px, received 1280px by 2646px. Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium/DBRadio-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.

1) [firefox] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O - text: Custom Icons - switch "Custom Icons+ Emphasis": on O - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-firefox/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

1) [firefox] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O - text: Custom Icons - switch "Custom Icons+ Emphasis": on O - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-uld-have-same-aria-snapshot-firefox-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

2) [firefox] › 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: - tab "Text - Icon (Leading)": on - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing)": on - text: Text - Icon (Trailing) - tablist: - tab "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/firefox/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-firefox/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) [firefox] › 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: - tab "Text - Icon (Leading)": on - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing)": on - text: Text - Icon (Trailing) - tablist: - tab "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/firefox/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-firefox-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) [firefox] › 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 "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 - text: Test 2

3) [firefox] › 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 "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: -

4) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1655px, received 1280px by 1687px. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-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 1655px, received 1280px by 1687px. - 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 1655px, received 1280px by 1687px. 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 › DBBrand › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1330px, received 1280px by 1362px. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-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 1330px, received 1280px by 1362px. - 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 1330px, received 1280px by 1362px. 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 › DBCard › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2305px, received 1280px by 2337px. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-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

7) [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

1) [webkit] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ─────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-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

1) [webkit] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSwitch" [level=1] - link "Density arrow_up_right\" / \"" - switch "functional": on O - text: functional - switch "regular (Default)": on O - text: regular (Default) - switch "expressive": on O - text: expressive - link "States arrow_up_right\" / \"" - switch "(Def) Enabled": on O - text: (Def) Enabled - switch "Checked" [checked]: on O - text: Checked - switch "Disabled" [disabled]: on O - text: Disabled - link "Emphasis arrow_up_right\" / \"" - switch "(Def) Weak + unchecked": on O - text: (Def) Weak + unchecked - switch "Strong + unchecked": on O cross" / " - text: Strong + unchecked - switch "(Def) Weak + checked" [checked]: on O - text: (Def) Weak + checked - switch "Strong + checked" [checked]: on O check" / " - text: Strong + checked - link "Visual Aid arrow_up_right\" / \"" - switch "(Def) No Visual Aid + unchecked": on O - text: (Def) No Visual Aid + unchecked - switch "Visual Aid + unchecked": on O cross" / " - text: Visual Aid + unchecked - switch "(Def) No Visual Aid + checked" [checked]: on O - text: (Def) No Visual Aid + checked - switch "Visual Aid + checked" [checked]: on O check" / " - text: Visual Aid + checked - link "Size arrow_up_right\" / \"" - switch "(Def) Medium": on O - text: (Def) Medium - switch "Small": on O - text: Small - link "Content arrow_up_right\" / \"" - switch "(Def) Label": on O - text: (Def) Label - switch "No Label": on O - text: No Label No Label - link "Examples arrow_up_right\" / \"" - switch "Custom Icons": on O night" / " - text: Custom Icons - switch "Custom Icons+ Emphasis": on O lock_closed" / " - text: Custom Icons+ Emphasis Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBS-07ddd-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

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 › DBNotification › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3393px, received 1280px by 3409px. Expected: /__w/mono/mono/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-webkit/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-webkit/DBNotification-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 3393px, received 1280px by 3409px. - 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 3393px, received 1280px by 3409px. 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 › DBRadio › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2630px, received 1280px by 2646px. Expected: /__w/mono/mono/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-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

7) [webkit] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3280px, received 1280px by 3296px. 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 3296px. - 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 3296px. 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.

Process completed with exit code 1.

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

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

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

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

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

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

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

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

1 failed [mobile_chrome] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot 3 skipped 140 passed (35.4s)

1 failed [mobile_chrome] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot 3 skipped 140 passed (38.6s)

1 failed [chromium] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot ───── 3 skipped 140 passed (34.5s)

1 failed [chromium] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot ───── 3 skipped 140 passed (37.8s)

1 failed [firefox] › textarea/textarea.spec.tsx:22:2 › DBTextarea › should have same aria-snapshot ────── 3 skipped 140 passed (1.3m)

1 failed [firefox] › textarea/textarea.spec.tsx:22:6 › DBTextarea › should have same aria-snapshot ────── 3 skipped 140 passed (1.3m)

2 failed [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────────── 1 flaky [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────── 19 skipped 116 passed (2.9m)

3 failed [chromium-highContrast] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ───────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── 37 skipped 98 passed (2.7m)

3 failed [mobile_chrome] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ───────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── 57 skipped 77 passed (1.3m)

1 failed [chromium] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ────────────────────── 2 flaky [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────────── 17 skipped 118 passed (2.9m)

3 failed [firefox] › default.ts:219:2 › DBSwitch › should have same aria-snapshot ─────────────────────── [firefox] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ────────────────────── [firefox] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────────── 4 flaky [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBDrawer › should match screenshot ──────────────────────────────── 53 skipped 77 passed (2.9m)