1) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-chrome/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-chrome-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

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/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 - 614 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 - 614 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) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/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 - 614 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 - 614 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome-retry1/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-chrome/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-chrome-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

1) [mobile_safari] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-safari/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) [mobile_safari] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-safari-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

Process completed with exit code 1.

Process completed with exit code 1.

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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-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

Process completed with exit code 1.

1) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-webkit/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-webkit-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

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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium/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] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-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

1) [chromium] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/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 - 614 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 - 614 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] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/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 - 614 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 - 614 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-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

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 470 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/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 - 515 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 - 470 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) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 470 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/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 - 470 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 - 470 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 251 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari/DBTabItem-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 - 251 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 - 251 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 251 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari-retry1/DBTabItem-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 - 251 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 - 251 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_safari] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-safari/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) [mobile_safari] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-safari-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

1) [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 598 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/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 - 598 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 - 598 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:79:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 598 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/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 - 598 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 - 598 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 648 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-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 - 648 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 - 648 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 648 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-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 - 648 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 - 648 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-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

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-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

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 598 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/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 - 598 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 - 598 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:79:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 598 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/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 - 598 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 - 598 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 648 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-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 - 648 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 - 648 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 648 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-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 - 648 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 - 648 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-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

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-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

1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 427 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-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 - 427 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 - 427 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 427 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/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 - 427 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 - 427 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 255 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-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 - 255 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 - 255 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 255 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-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 - 255 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 - 255 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [webkit] › default.ts: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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-webkit/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-webkit-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

Process completed with exit code 1.

1) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 461 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/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 - 461 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 - 461 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) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 461 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/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 - 461 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 - 461 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 528 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox/DBTabItem-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 - 528 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 - 528 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

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

1) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 461 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/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 - 461 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 - 461 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) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 461 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/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 - 461 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 - 461 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 528 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox/DBTabItem-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 - 528 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 - 528 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

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

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/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 - 614 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 - 614 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) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/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 - 614 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 - 614 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome-retry1/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-chrome/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-chrome-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

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/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-chromium/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/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 - 614 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 - 614 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] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/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-chromium-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/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 - 614 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 - 614 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

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

1) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-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 - 154 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 - 154 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:79:2 › DBSelect › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 648 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-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 - 648 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 - 648 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 648 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-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 - 648 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 - 648 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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

3) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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

4) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 461 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/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-firefox/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/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 - 461 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 - 461 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

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

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/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 - 614 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 - 614 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] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/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 - 614 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 - 614 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-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

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-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 - 627 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 - 627 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] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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 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] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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 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:79:2 › DBInput › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 598 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/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-chromium-highContrast/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/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 - 598 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 - 598 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 598 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/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-chromium-highContrast-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/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 - 598 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 - 598 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

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

1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 427 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 427 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 - 427 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 427 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/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 - 427 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 - 427 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 255 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-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 - 255 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 - 255 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 255 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-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 - 255 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 - 255 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [webkit] › default.ts: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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-webkit/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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-webkit-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

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/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-mobile-chrome/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/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 - 614 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 - 614 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) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 614 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/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-mobile-chrome-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/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 - 614 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 - 614 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 154 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-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 - 154 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 - 154 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 627 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-chrome-retry1/DBTabItem-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 - 627 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 - 627 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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 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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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 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

Process completed with exit code 1.

1) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 470 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/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 - 470 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 - 470 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) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 470 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/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 - 470 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 - 470 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 251 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari/DBTabItem-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 - 251 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 - 251 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 251 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-mobile-safari-retry1/DBTabItem-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 - 251 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 - 251 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_safari] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-safari/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) [mobile_safari] › 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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-mobile-safari-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) [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ────────────────── Test timeout of 30000ms exceeded.

4) [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ────────────────── Error: expect(locator).toBeVisible() Locator: locator('[data-icon=chevron_right]') Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 30000ms - waiting for locator('[data-icon=chevron_right]') at tabs/tabs-snapshot.spec.ts:15 13 | async preScreenShot(page) { 14 | const scrollRight = page.locator('[data-icon=chevron_right]'); > 15 | await expect(scrollRight).toBeVisible(); | ^ 16 | } 17 | }); 18 | }); at preScreenShot (/__w/mono/mono/showcases/e2e/tabs/tabs-snapshot.spec.ts:15:30) at /__w/mono/mono/showcases/e2e/default.ts:223:10

Process completed with exit code 1.

1) [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 528 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox/DBTabItem-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 - 528 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 - 528 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) [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 528 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-firefox-retry1/DBTabItem-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 - 528 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 - 528 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1737px, received 1280px by 1753px. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1737px, received 1280px by 1753px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1737px, received 1280px by 1753px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [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. 56836 pixels (ratio 0.03 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 - 56836 pixels (ratio 0.03 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 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

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

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

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

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

1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 427 pixels (ratio 0.01 of all image pixels) are different. 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-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/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 - 427 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 - 427 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 255 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-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 - 255 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 - 255 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 255 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-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 - 255 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 - 255 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [webkit] › default.ts: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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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 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) [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: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" 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 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) [webkit] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2305px, received 1280px by 2337px. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2305px, received 1280px by 2337px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2305px, received 1280px by 2337px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [webkit] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 3393px, received 1280px by 3425px. 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 3425px. - 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 3425px. 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 › DBSelect › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2955px, received 1280px by 2987px. Expected: /__w/mono/mono/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-webkit/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-webkit/DBSelect-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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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.

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

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.

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

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.

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

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.

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.

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

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

1 failed [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── 63 skipped 105 passed (2.1m)

4 failed [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── 49 skipped 116 passed (2.2m)

1 failed [mobile_safari] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── 63 skipped 105 passed (3.4m)

1 failed [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── 14 skipped 154 passed (3.8m)

1 failed [webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────── 63 skipped 105 passed (4.0m)

1 failed [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── 14 skipped 154 passed (3.8m)

4 failed [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── 165 passed (4.1m)

3 failed [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── 49 skipped 117 passed (3.6m)

4 failed [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── 165 passed (4.0m)

4 failed [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── 165 passed (3.8m)

3 failed [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────── 49 skipped 117 passed (4.4m)

2 failed [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── 49 skipped 118 passed (5.8m)

2 failed [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── 49 skipped 118 passed (5.9m)

4 failed [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── 49 skipped 116 passed (2.2m)

2 failed [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── 1 flaky [chromium] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────────── 20 skipped 118 passed (3.3m)

4 failed [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── 40 skipped 97 passed (3.2m)

4 failed [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── 165 passed (3.8m)

3 failed [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── 1 flaky [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────── 22 skipped 115 passed (3.4m)

3 failed [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────── 49 skipped 117 passed (4.4m)

4 failed [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── 59 skipped 77 passed (1.8m)

3 failed [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── 1 flaky [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── 49 skipped 116 passed (4.2m)

1 failed [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── 6 flaky [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBDrawer › should match screenshot ──────────────────────────────── 57 skipped 77 passed (3.3m)