1) [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 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

1) [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 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

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

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

3) [chromium-highContrast] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox": "on" - text: Interactive Checkbox - radio "Interactive Radio 1": "on" - text: Interactive Radio 1 - radio "Interactive Radio 2": "on" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked": "on" - text: (Default) Unchecked - checkbox "Checked" [checked]: "on" - text: Checked - checkbox "Disabled" [checked] [disabled]: "on" - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text person" / " Icon person" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - text: person" / " - button "Interactive Strong Button with Icon" - text: person" / " - link "Interactive Strong Link with Icon" - text: person" / " - checkbox "Interactive Strong Checkbox with Icon": "on" - text: Interactive Strong Checkbox with Icon person" / " - radio "Interactive Strong Radio 1 with Icon": "on" - text: Interactive Strong Radio 1 with Icon person" / " - radio "Interactive Strong Radio 2 with Icon": "on" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

3) [chromium-highContrast] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox": "on" - text: Interactive Checkbox - radio "Interactive Radio 1": "on" - text: Interactive Radio 1 - radio "Interactive Radio 2": "on" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked": "on" - text: (Default) Unchecked - checkbox "Checked" [checked]: "on" - text: Checked - checkbox "Disabled" [checked] [disabled]: "on" - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text person" / " Icon person" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - text: person" / " - button "Interactive Strong Button with Icon" - text: person" / " - link "Interactive Strong Link with Icon" - text: person" / " - checkbox "Interactive Strong Checkbox with Icon": "on" - text: Interactive Strong Checkbox with Icon person" / " - radio "Interactive Strong Radio 1 with Icon": "on" - text: Interactive Strong Radio 1 with Icon person" / " - radio "Interactive Strong Radio 2 with Icon": "on" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 227 | 228 | const snapshot = await page.locator('main').ariaSnapshot(); > 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 230 | }); 231 | }; 232 | at /__w/mono/mono/showcases/e2e/default.ts:229:20

4) [firefox] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBInput" [level=1] - link "Density arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - link "Variant Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status - text: Label - textbox "Label" - status - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - text: information_circle" / " Helper Message - status - link "States Label Above arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status - text: Label - textbox "Label" [disabled] - status - text: Label - textbox "Label": Readonly - Filled - status - link "States Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status - text: Label - textbox "Label" [disabled] - status - text: Label - textbox "Label": Readonly - Filled - status - link "Content arrow_up_right\" / \"" - text: Label - textbox "Label": (Default) Text - status - text: Number - spinbutton "Number": "123456" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - link "Requirement arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label*" / " - textbox "Label*\" / \"" - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: magnifying_glass" / " Label - searchbox "Label" - status - text: cross_circle" / " Label - textbox "Label" - status - text: Label - spinbutton "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: calendar" / " Label - textbox "Label" - status - text: calendar" / " Label - textbox "Label" - status - text: calendar" / " Label - textbox "Label" - status - text: clock" / " Label - textbox "Label" - status - text: calendar" / " Label - combobox "Label" - status - text: chevron_down" / " Label - textbox "Label" - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: magnifying_glass" / " Label - searchbox "Label" - status - text: cross_circle" / " Label - textbox "Label" - status - text: Label - spinbutton "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: calendar" / " Label - textbox "Label" - status - te

4) [firefox] › default.ts:219:2 › DBInput › should have same aria-snapshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBInput" [level=1] - link "Density arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - link "Variant Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status - text: Label - textbox "Label" - status - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - text: information_circle" / " Helper Message - status - link "States Label Above arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status - text: Label - textbox "Label" [disabled] - status - text: Label - textbox "Label": Readonly - Filled - status - link "States Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status - text: Label - textbox "Label" [disabled] - status - text: Label - textbox "Label": Readonly - Filled - status - link "Content arrow_up_right\" / \"" - text: Label - textbox "Label": (Default) Text - status - text: Number - spinbutton "Number": "123456" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - link "Requirement arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label*" / " - textbox "Label*\" / \"" - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: magnifying_glass" / " Label - searchbox "Label" - status - text: cross_circle" / " Label - textbox "Label" - status - text: Label - spinbutton "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: calendar" / " Label - textbox "Label" - status - text: calendar" / " Label - textbox "Label" - status - text: calendar" / " Label - textbox "Label" - status - text: clock" / " Label - textbox "Label" - status - text: calendar" / " Label - combobox "Label" - status - text: chevron_down" / " Label - textbox "Label" - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: magnifying_glass" / " Label - searchbox "Label" - status - text: cross_circle" / " Label - textbox "Label" - status - text: Label - spinbutton "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label" - status - text: Label - textbox "Label"

5) [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2599px, received 1280px by 2615px. 20480 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2599px, received 1280px by 2615px. 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 2599px, received 1280px by 2615px. 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

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

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