Skip to content

chore(deps-dev): bump the playwright group with 3 updates #16275

chore(deps-dev): bump the playwright group with 3 updates

chore(deps-dev): bump the playwright group with 3 updates #16275

Triggered via pull request January 24, 2025 01:48
Status Failure
Total duration 1h 21m 11s
Artifacts 57

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
22s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 4s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
build-showcase-patternhub  /  Build Patternhub
1m 41s
build-showcase-patternhub / Build Patternhub
build-showcase-react  /  Build Showcase react-showcase
39s
build-showcase-react / Build Showcase react-showcase
build-showcase-angular  /  Build Showcase angular-showcase
42s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-stencil  /  Build Showcase stencil-showcase
50s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-vue  /  Build Showcase vue-showcase
33s
build-showcase-vue / Build Showcase vue-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
3m 7s
test-foundations / 🧪🎭 - foundations
build-outputs  /  Build outputs
1m 4s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
56s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
1m 3s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
57s
build-showcase-nuxt / Build Showcase nuxt-showcase
Matrix: test-showcase-patternhub / playwright-showcases
Matrix: test-showcase-react / playwright-showcases
Matrix: test-screen-reader / playwright-screen-reader
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-components  /  🧪🎭 - Regenerate snapshots components
3m 32s
regenerate-snapshots-components / 🧪🎭 - Regenerate snapshots components
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
regenerate-snapshots-patternhub  /  🧪🎭 - Regenerate snapshots patternhub
1m 58s
regenerate-snapshots-patternhub / 🧪🎭 - Regenerate snapshots patternhub
checks-done
0s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots showcases
7m 36s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

225 errors, 30 warnings, and 35 notices
[mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot: output/react/src/components/tabs/tabs.spec.tsx#L58
1) [mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/mobile-chrome/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-mobile-chrome/5f54c067a185838e5f4f-4d612734cca1fb1d08e2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/react/src/components/tabs/tabs.spec.tsx:58:20
[mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot: output/react/src/components/tabs/tabs.spec.tsx#L58
1) [mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/mobile-chrome/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-mobile-chrome-retry1/5f54c067a185838e5f4f-4d612734cca1fb1d08e2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/react/src/components/tabs/tabs.spec.tsx:58:20
test-components / 🧪🎭 - react:3/3
Process completed with exit code 1.
[chromium] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot: output/react/src/components/tabs/tabs.spec.tsx#L58
1) [chromium] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/chromium/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-chromium/5f54c067a185838e5f4f-b502496042102bd5def1-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/react/src/components/tabs/tabs.spec.tsx:58:20
[chromium] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot: output/react/src/components/tabs/tabs.spec.tsx#L58
1) [chromium] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/chromium/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-chromium-retry1/5f54c067a185838e5f4f-b502496042102bd5def1-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/react/src/components/tabs/tabs.spec.tsx:58:20
test-components / 🧪🎭 - react:1/3
Process completed with exit code 1.
test-components / 🧪🎭 - vue:3/3
Process completed with exit code 1.
[mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot: output/vue/src/components/tabs/tabs.spec.tsx#L58
1) [mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/mobile-chrome/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-mobile-chrome/5f54c067a185838e5f4f-4d612734cca1fb1d08e2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/vue/src/components/tabs/tabs.spec.tsx:58:20
[mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot: output/vue/src/components/tabs/tabs.spec.tsx#L58
1) [mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/mobile-chrome/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-mobile-chrome-retry1/5f54c067a185838e5f4f-4d612734cca1fb1d08e2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/vue/src/components/tabs/tabs.spec.tsx:58:20
test-components / 🧪🎭 - vue:1/3
Process completed with exit code 1.
[chromium] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot: output/vue/src/components/tabs/tabs.spec.tsx#L58
1) [chromium] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/chromium/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-chromium/5f54c067a185838e5f4f-b502496042102bd5def1-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/vue/src/components/tabs/tabs.spec.tsx:58:20
[chromium] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot: output/vue/src/components/tabs/tabs.spec.tsx#L58
1) [chromium] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/chromium/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-chromium-retry1/5f54c067a185838e5f4f-b502496042102bd5def1-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/vue/src/components/tabs/tabs.spec.tsx:58:20
[firefox] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot: output/react/src/components/tabs/tabs.spec.tsx#L58
1) [firefox] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot ── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/firefox/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-firefox/5f54c067a185838e5f4f-05ed86dbe66f846568f2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/react/src/components/tabs/tabs.spec.tsx:58:20
[firefox] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot: output/react/src/components/tabs/tabs.spec.tsx#L58
1) [firefox] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/firefox/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-firefox-retry1/5f54c067a185838e5f4f-05ed86dbe66f846568f2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/react/src/components/tabs/tabs.spec.tsx:58:20
test-components / 🧪🎭 - react:2/3
Process completed with exit code 1.
[firefox] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot: output/vue/src/components/tabs/tabs.spec.tsx#L58
1) [firefox] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot ── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/firefox/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-firefox/5f54c067a185838e5f4f-05ed86dbe66f846568f2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/vue/src/components/tabs/tabs.spec.tsx:58:20
[firefox] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot: output/vue/src/components/tabs/tabs.spec.tsx#L58
1) [firefox] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,8 +1,8 @@ - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": TestPanel 1 Expected: /__w/mono/mono/__snapshots__/tabs/component/firefox/DBTabs-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/tabs-tabs-DBTabs-should-have-same-aria-snapshot-firefox-retry1/5f54c067a185838e5f4f-05ed86dbe66f846568f2-actual.yaml 56 | const component = await mount(comp); 57 | const snapshot = await component.ariaSnapshot(); > 58 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 59 | }); 60 | test('should not have A11y issues', async ({ page, mount }) => { 61 | await mount(comp); at /__w/mono/mono/output/vue/src/components/tabs/tabs.spec.tsx:58:20
test-components / 🧪🎭 - vue:2/3
Process completed with exit code 1.
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
Process completed with exit code 1.
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-react / 🧪🎭 - react-showcase:5/6
Process completed with exit code 1.
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
Process completed with exit code 1.
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ──── Error: expect(page).toHaveScreenshot(expected) 196 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-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 - 196 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 - 196 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
[chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 196 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-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 - 196 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 - 196 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
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
Process completed with exit code 1.
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
Process completed with exit code 1.
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-react / 🧪🎭 - react-showcase:1/6
Process completed with exit code 1.
test-showcase-react / 🧪🎭 - react-showcase:6/6
Process completed with exit code 1.
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ──── Error: expect(page).toHaveScreenshot(expected) 196 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-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 - 196 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 - 196 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
[chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 196 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-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 - 196 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 - 196 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
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-react / 🧪🎭 - react-showcase:2/6
Process completed with exit code 1.
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-react / 🧪🎭 - react-showcase:4/6
Process completed with exit code 1.
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
Process completed with exit code 1.
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" +
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
Process completed with exit code 1.
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
Process completed with exit code 1.
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" +
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-react / 🧪🎭 - react-showcase:3/6
Process completed with exit code 1.
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
Process completed with exit code 1.
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
Process completed with exit code 1.
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
Process completed with exit code 1.
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" +
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › link › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › link › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium/link/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium/link/patternhub-diff.png Call log: - expect.toHaveScreenshot(link/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › link › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › link › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium-retry1/link/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium-retry1/link/patternhub-diff.png Call log: - expect.toHaveScreenshot(link/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:1/6
Process completed with exit code 1.
test-showcase-patternhub / 🧪🎭 - patternhub:3/6
Process completed with exit code 1.
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tab-item › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tab-item › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium/tab-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium/tab-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(tab-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tab-item › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tab-item › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium-retry1/tab-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium-retry1/tab-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(tab-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › checkbox › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › checkbox › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium/checkbox/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium/checkbox/patternhub-diff.png Call log: - expect.toHaveScreenshot(checkbox/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › checkbox › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › checkbox › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium-retry1/checkbox/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium-retry1/checkbox/patternhub-diff.png Call log: - expect.toHaveScreenshot(checkbox/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › radio › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › radio › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium/radio/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium/radio/patternhub-diff.png Call log: - expect.toHaveScreenshot(radio/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › radio › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › radio › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium-retry1/radio/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium-retry1/radio/patternhub-diff.png Call log: - expect.toHaveScreenshot(radio/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
Process completed with exit code 1.
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium/navigation/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium/navigation/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium-retry1/navigation/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium-retry1/navigation/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation-item › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation-item › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium/navigation-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium/navigation-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation-item › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation-item › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium-retry1/navigation-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium-retry1/navigation-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 7 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium/accordion/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium/accordion/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7 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 - 7 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 7 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium-retry1/accordion/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium-retry1/accordion/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7 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 - 7 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion-item › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion-item › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium/accordion-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium/accordion-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion-item › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion-item › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium-retry1/accordion-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium-retry1/accordion-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tabs › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tabs › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-should-match-screenshot-chromium/tabs/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-should-match-screenshot-chromium/tabs/patternhub-diff.png Call log: - expect.toHaveScreenshot(tabs/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tabs › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tabs › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-should-match-screenshot-chromium-retry1/tabs/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-should-match-screenshot-chromium-retry1/tabs/patternhub-diff.png Call log: - expect.toHaveScreenshot(tabs/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:2/6
Process completed with exit code 1.
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ──── Error: expect(page).toHaveScreenshot(expected) 196 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-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 - 196 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 - 196 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
[chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 196 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-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 - 196 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 - 196 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
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
Process completed with exit code 1.
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › switch › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › switch › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium/switch/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium/switch/patternhub-diff.png Call log: - expect.toHaveScreenshot(switch/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › switch › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › switch › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium-retry1/switch/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium-retry1/switch/patternhub-diff.png Call log: - expect.toHaveScreenshot(switch/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › notification › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › notification › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › notification › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › notification › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium-retry1/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium-retry1/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
Process completed with exit code 1.
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
Process completed with exit code 1.
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › header › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › header › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium/header/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium/header/patternhub-diff.png Call log: - expect.toHaveScreenshot(header/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › header › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › header › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium-retry1/header/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium-retry1/header/patternhub-diff.png Call log: - expect.toHaveScreenshot(header/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 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 - 4 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › section › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › section › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 16 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-should-match-screenshot-chromium/section/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-should-match-screenshot-chromium/section/patternhub-diff.png Call log: - expect.toHaveScreenshot(section/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16 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 - 16 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › section › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › section › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 16 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-should-match-screenshot-chromium-retry1/section/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-should-match-screenshot-chromium-retry1/section/patternhub-diff.png Call log: - expect.toHaveScreenshot(section/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16 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 - 16 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
Process completed with exit code 1.
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
Process completed with exit code 1.
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
1) [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,49 +1,49 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - - tab "Text - Icon (Leading)": "on" + - tab "Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing)": "on" + - tab "Text - Icon (Trailing)" - text: Text - Icon (Trailing) - tablist: - - tab "Icon": "on" + - tab "Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" +
[firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,34 +9,34 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text Icon Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - button "Interactive Strong Button with Icon" - link "Interactive Strong Link with Icon" - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:79:2 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › showcases/e2e/default.ts:79:2 › DBAccordion › should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1737px, received 1280px by 1121px. 2882 pixels (ratio 0.01 of all image pixels) are different. 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 1121px. 69491 pixels (ratio 0.04 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 - 66613 pixels (ratio 0.05 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 1737px, received 1280px by 1121px. 2882 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
[webkit] › showcases/e2e/default.ts:79:2 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › showcases/e2e/default.ts:79:2 › DBAccordion › should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── 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-retry1/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-retry1/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
[webkit] › showcases/e2e/default.ts:79:2 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › showcases/e2e/default.ts:79:2 › DBAccordionItem › should match screenshot ────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1655px, received 1280px by 1671px. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/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 1671px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1655px, received 1280px by 1671px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › showcases/e2e/default.ts:79:2 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › showcases/e2e/default.ts:79:2 › DBAccordionItem › should match screenshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1655px, received 1280px by 1671px. 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-retry1/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-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1655px, received 1280px by 1671px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1655px, received 1280px by 1671px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › showcases/e2e/default.ts:79:2 › DBSection › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › showcases/e2e/default.ts:79:2 › DBSection › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2593px, received 1280px by 2609px. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2593px, received 1280px by 2609px. - 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 2593px, received 1280px by 2609px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › showcases/e2e/default.ts:79:2 › DBSection › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › showcases/e2e/default.ts:79:2 › DBSection › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2593px, received 1280px by 2609px. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit-retry1/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-webkit-retry1/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2593px, received 1280px by 2609px. - 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 2593px, received 1280px by 2609px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot: showcases/e2e/default.ts#L232
2) [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,51 +1,51 @@ - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - - tab "Functional": "on" + - tab "Functional" - text: Functional - tablist: - - tab "(Default) Regular": "on" + - tab "(Default) Regular" - text: (Default) Regular - tablist: - - tab "Expressive": "on" + - tab "Expressive" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - - tab "(Default) Enabled": "on" + - tab "(Default) Enabled" - text: (Default) Enabled - tablist: - - tab "active" [selected]: "on" + - tab "active" [selected] - text: active - tablist: - - tab "disabled" [disabled]: "on" + - tab "disabled" [disabled] - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - - tab "(Default) Text": "on" + - tab "(Default) Text" - text: (Default) Text - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" + - tab "x_placeholder\" / \" Text - Icon (Leading)" - text: Text - Icon (Leading) - tablist: - - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" + - tab "Text - Icon (Trailing) x_placeholder\" / \"" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - - tab "x_placeholder\" / \" Icon": "on" + - tab "x_placeholder\" / \" Icon" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - - tab "(Default) Auto Width": "on" + - tab "(Default) Auto Width" - text: (Default) Auto Width - tablist: - - tab "Width full": "on" + - tab "Width full" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - - tab "Left": "on" + - tab "Left" - text: Left - tablist: - - tab "Centered": "on" + - tab "Centered" - 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 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Te
[webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot: showcases/e2e/default.ts#L232
3) [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -1,132 +1,132 @@ - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1 - - tab "Test 2": "on" + - tab "Test 2" - text: Test 2 - - tab "Test 3": "on" + - tab "Test 3" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - - tab "Test 1" [selected]: "on" + - tab "Test 1" [selected] - text: Test 1
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot: showcases/e2e/default.ts#L232
4) [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) @@ -9,24 +9,24 @@ - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - - checkbox "Interactive Checkbox": "on" + - checkbox "Interactive Checkbox" - text: Interactive Checkbox - - radio "Interactive Radio 1": "on" + - radio "Interactive Radio 1" - text: Interactive Radio 1 - - radio "Interactive Radio 2": "on" + - radio "Interactive Radio 2" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - - checkbox "(Default) Unchecked": "on" + - checkbox "(Default) Unchecked" - text: (Default) Unchecked - - checkbox "Checked" [checked]: "on" + - checkbox "Checked" [checked] - text: Checked - - checkbox "Disabled" [checked] [disabled]: "on" + - checkbox "Disabled" [checked] [disabled] - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placeholder" / " Icon x_placeholder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) @@ -35,11 +35,11 @@ - text: x_placeholder" / " - button "Interactive Strong Button with Icon" - text: x_placeholder" / " - link "Interactive Strong Link with Icon" - text: x_placeholder" / " - - checkbox "Interactive Strong Checkbox with Icon": "on" + - checkbox "Interactive Strong Checkbox with Icon" - text: Interactive Strong Checkbox with Icon x_placeholder" / " - - radio "Interactive Strong Radio 1 with Icon": "on" + - radio "Interactive Strong Radio 1 with Icon" - text: Interactive Strong Radio 1 with Icon x_placeholder" / " - - radio "Interactive Strong Radio 2 with Icon": "on" + - radio "Interactive Strong Radio 2 with Icon" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20
[webkit] › showcases/e2e/default.ts:79:2 › DBIcon › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › showcases/e2e/default.ts:79:2 › DBIcon › should match screenshot ─────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1121px, received 1280px by 1137px. Expected: /__w/mono/mono/__snapshots__/icon/showcase/webkit/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-webkit/DBIcon-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-webkit/DBIcon-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 1121px, received 1280px by 1137px. - 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 1121px, received 1280px by 1137px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › showcases/e2e/default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
6) [webkit] › showcases/e2e/default.ts:79:2 › DBInput › should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 4905px, received 1280px by 4937px. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 4905px, received 1280px by 4937px. 153 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 153 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 4905px, received 1280px by 4937px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
Process completed with exit code 1.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 1/4
Process completed with exit code 1.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 4/4
Process completed with exit code 1.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 2/4
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:5/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:1/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:6/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:2/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:4/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:3/6
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:1/6
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:3/6
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:2/6
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
Slow Test: [mobile_chrome] › showcases/e2e/default.ts#L1
[mobile_chrome] › showcases/e2e/default.ts took 15.4s
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
🎭 Playwright Run Summary
1 failed [mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot 3 skipped 143 passed (35.7s)
🎭 Playwright Run Summary
1 failed [chromium] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot ── 3 skipped 143 passed (35.2s)
🎭 Playwright Run Summary
1 failed [mobile_chrome] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot 3 skipped 143 passed (41.2s)
🎭 Playwright Run Summary
1 failed [chromium] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot ── 3 skipped 143 passed (38.4s)
🎭 Playwright Run Summary
1 failed [firefox] › src/components/tabs/tabs.spec.tsx:55:6 › DBTabs › should have same aria-snapshot ─── 3 skipped 143 passed (1.3m)
🎭 Playwright Run Summary
1 failed [firefox] › src/components/tabs/tabs.spec.tsx:55:2 › DBTabs › should have same aria-snapshot ─── 3 skipped 143 passed (1.4m)
🎭 Playwright Run Summary
3 failed [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────── 49 skipped 117 passed (2.1m)
🎭 Playwright Run Summary
3 failed [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────── 49 skipped 117 passed (2.2m)
🎭 Playwright Run Summary
3 failed [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── 166 passed (3.8m)
🎭 Playwright Run Summary
4 failed [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ───── [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot 165 passed (3.9m)
🎭 Playwright Run Summary
2 failed [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ── [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────── 50 skipped 117 passed (3.6m)
🎭 Playwright Run Summary
3 failed [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────── 63 skipped 103 passed (2.2m)
🎭 Playwright Run Summary
2 failed [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────── [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───────────── 50 skipped 117 passed (4.3m)
🎭 Playwright Run Summary
3 failed [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── 166 passed (3.9m)
🎭 Playwright Run Summary
3 failed [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ── [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───── [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────── 49 skipped 117 passed (3.6m)
🎭 Playwright Run Summary
4 failed [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ───── [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot 165 passed (4.0m)
🎭 Playwright Run Summary
3 failed [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────── [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────── [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───────────── 49 skipped 117 passed (4.4m)
🎭 Playwright Run Summary
3 failed [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot 14 skipped 152 passed (4.2m)
🎭 Playwright Run Summary
3 failed [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── 14 skipped 152 passed (4.2m)
🎭 Playwright Run Summary
3 failed [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── 49 skipped 117 passed (6.2m)
🎭 Playwright Run Summary
3 failed [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────── [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────── [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───────────── 63 skipped 103 passed (4.3m)
🎭 Playwright Run Summary
3 failed [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── 49 skipped 117 passed (6.1m)
🎭 Playwright Run Summary
3 failed [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───── [mobile_chrome] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────── 59 skipped 78 passed (1.8m)
🎭 Playwright Run Summary
3 failed [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ── [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ───── [mobile_safari] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ────── 63 skipped 103 passed (3.6m)
🎭 Playwright Run Summary
3 failed [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── 63 skipped 103 passed (5.5m)
🎭 Playwright Run Summary
1 failed [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › link › overview should match screenshot 13 passed (11.4s)
🎭 Playwright Run Summary
3 failed [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tab-item › overview should match screenshot [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › checkbox › overview should match screenshot [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › radio › overview should match screenshot 11 passed (18.1s)
🎭 Playwright Run Summary
2 failed [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation › overview should match screenshot [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › navigation-item › overview should match screenshot 11 passed (13.9s)
🎭 Playwright Run Summary
3 failed [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion › overview should match screenshot [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › accordion-item › overview should match screenshot [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tabs › overview should match screenshot 11 passed (17.7s)
🎭 Playwright Run Summary
4 failed [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:79:2 › DBTabs › should match screenshot ───── [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot [chromium-highContrast] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot 40 skipped 97 passed (3.2m)
🎭 Playwright Run Summary
2 failed [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › switch › overview should match screenshot [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › notification › overview should match screenshot 11 passed (14.1s)
🎭 Playwright Run Summary
3 failed [chromium] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── [chromium] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ────────── [chromium] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ─────────── 22 skipped 116 passed (3.4m)
🎭 Playwright Run Summary
2 failed [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › header › overview should match screenshot [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › section › overview should match screenshot 11 passed (13.4s)
🎭 Playwright Run Summary
6 failed [firefox] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [firefox] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [firefox] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── [webkit] › showcases/e2e/default.ts:79:2 › DBAccordion › should match screenshot ─────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBAccordionItem › should match screenshot ─────────── [webkit] › showcases/e2e/default.ts:79:2 › DBDrawer › should match screenshot ────────────────── 3 flaky [webkit] › showcases/e2e/default.ts:79:2 › DBBrand › should match screenshot ─────────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBButton › should match screenshot ────────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBCard › should match screenshot ──────────────────── 57 skipped 75 passed (3.6m)
🎭 Playwright Run Summary
4 failed [webkit] › showcases/e2e/default.ts:79:2 › DBSection › should match screenshot ───────────────── [webkit] › showcases/e2e/default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────── [webkit] › showcases/e2e/default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────── [webkit] › showcases/e2e/default.ts:219:2 › DBTag › should have same aria-snapshot ───────────── 9 flaky [webkit] › showcases/e2e/default.ts:79:2 › DBIcon › should match screenshot ──────────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBInput › should match screenshot ─────────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBLink › should match screenshot ──────────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBPopover › should match screenshot ───────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBSelect › should match screenshot ────────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBTabItem › should match screenshot ───────────────── [webkit] › showcases/e2e/default.ts:79:2 › DBTag › should match screenshot ───────────────────── [webkit] › showcases/e2e/default.ts:129:2 › DBTextarea › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [webkit] › showcases/e2e/default.ts:79:2 › DBTextarea › should match screenshot ──────────────── 59 skipped 69 passed (4.1m)

Artifacts

Produced during runtime
Name Size
angular-showcase-playwright-results-1
1.13 MB
angular-showcase-playwright-results-2
1.17 MB
angular-showcase-playwright-results-3
1.22 MB
angular-showcase-playwright-results-4
1.87 MB
angular-showcase-playwright-results-5
1010 KB
angular-showcase-playwright-results-6
1.9 MB
db-ui-angular-showcase
1.29 MB
db-ui-angular-ssr-showcase
2.43 MB
db-ui-components-build
348 KB
db-ui-foundations-build
174 KB
db-ui-migration-build
2.12 KB
db-ui-next-showcase
1.33 MB
db-ui-nuxt-showcase
1.86 MB
db-ui-output
400 KB
db-ui-outputs
2.59 MB
db-ui-patternhub
3.56 MB
db-ui-react-showcase
1.19 MB
db-ui-stencil-showcase
1.24 MB
db-ui-vue-showcase
1.14 MB
patternhub-playwright-results-1
410 KB
patternhub-playwright-results-2
1.47 MB
patternhub-playwright-results-3
1.31 MB
patternhub-playwright-results-4
1.11 MB
patternhub-playwright-results-5
1.05 MB
patternhub-playwright-results-6
1.03 MB
react-components-playwright-results-1
144 KB
react-components-playwright-results-2
147 KB
react-components-playwright-results-3
145 KB
react-recordings-macos-13-1
72.4 MB
react-recordings-macos-13-2
169 MB
react-recordings-macos-13-4
168 MB
react-screen-reader-macos-13-1
1.55 MB
react-screen-reader-macos-13-2
2.72 MB
react-screen-reader-macos-13-4
2.32 MB
react-showcase-playwright-results-1
1.06 MB
react-showcase-playwright-results-2
1.98 MB
react-showcase-playwright-results-3
1.05 MB
react-showcase-playwright-results-4
1.59 MB
react-showcase-playwright-results-5
857 KB
react-showcase-playwright-results-6
1.73 MB
snapshots-components
339 KB
snapshots-patternhub
2.18 MB
snapshots-showcases
12.5 MB
stencil-showcase-playwright-results-2
1.2 MB
stencil-showcase-playwright-results-3
2.22 MB
stencil-showcase-playwright-results-4
6.63 MB
stencil-showcase-playwright-results-5
13.5 MB
stencil-showcase-playwright-results-6
1.06 MB
vue-components-playwright-results-1
142 KB
vue-components-playwright-results-2
152 KB
vue-components-playwright-results-3
143 KB
vue-showcase-playwright-results-1
980 KB
vue-showcase-playwright-results-2
1.77 MB
vue-showcase-playwright-results-3
1.03 MB
vue-showcase-playwright-results-4
1.05 MB
vue-showcase-playwright-results-5
799 KB
vue-showcase-playwright-results-6
1.09 MB