Skip to content

refactor: removed inner div inside section.lite.tsx #15054

refactor: removed inner div inside section.lite.tsx

refactor: removed inner div inside section.lite.tsx #15054

Triggered via pull request November 19, 2024 09:14
Status Failure
Total duration 29m 59s
Artifacts 22

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
21s
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 33s
build-showcase-patternhub / Build Patternhub
build-showcase-react  /  Build Showcase react-showcase
38s
build-showcase-react / Build Showcase react-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
3m 11s
test-foundations / 🧪🎭 - foundations
build-showcase-angular  /  Build Showcase angular-showcase
37s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-stencil  /  Build Showcase stencil-showcase
59s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-vue  /  Build Showcase vue-showcase
37s
build-showcase-vue / Build Showcase vue-showcase
build-outputs  /  Build outputs
1m 17s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
50s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
1m 2s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
44s
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
regenerate-snapshots-components  /  regenerate-snapshots
regenerate-snapshots-components / regenerate-snapshots
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-patternhub  /  regenerate-snapshots
regenerate-snapshots-patternhub / regenerate-snapshots
checks-done
0s
checks-done
regenerate-snapshots  /  regenerate-snapshots
regenerate-snapshots / regenerate-snapshots
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

69 errors, 6 warnings, and 6 notices
test-screen-reader / 🧪🎭 - screen-reader - windows-2022 - react - 3/4
Process completed with exit code 1.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 3/4
Process completed with exit code 1.
[webkit] › default.ts:79:2 › DBIcon › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────────────────── Error: Screenshot comparison failed: 5172 pixels (ratio 0.01 of all image pixels) are different. 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 - 5172 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 - 5172 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] › default.ts:79:2 › DBIcon › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5172 pixels (ratio 0.01 of all image pixels) are different. 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-retry1/DBIcon-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-webkit-retry1/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 - 5172 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 - 5172 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] › default.ts:79:2 › DBInfotext › should match screenshot: showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 17673 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit/DBInfotext-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit/DBInfotext-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 - 17673 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 - 17673 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] › default.ts:79:2 › DBInfotext › should match screenshot: showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 17673 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit-retry1/DBInfotext-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit-retry1/DBInfotext-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 - 17673 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 - 17673 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] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: Expected an image 1280px by 3615px, received 1280px by 3631px. 81065 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 3615px, received 1280px by 3631px. 81065 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3615px, received 1280px by 3631px. 81065 pixels (ratio 0.02 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] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 81065 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 81065 pixels (ratio 0.02 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 - 81065 pixels (ratio 0.02 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] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── Error: Screenshot comparison failed: 28045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28045 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 - 28045 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] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 28045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28045 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 - 28045 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] › default.ts:79:2 › DBNavigation › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── Error: Screenshot comparison failed: 9730 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit/DBNavigation-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 - 9730 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 - 9730 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] › default.ts:79:2 › DBNavigation › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 9730 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit-retry1/DBNavigation-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 - 36421 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26691 pixels (ratio 0.02 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 - 9730 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
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
Process completed with exit code 1.
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
Process completed with exit code 1.
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 24785 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 24785 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 24785 pixels (ratio 0.03 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
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 24785 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 24785 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 24785 pixels (ratio 0.03 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
[mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
2) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
[mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
2) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
[mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
3) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
[mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
3) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
[mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 21594 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 21594 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 - captured a stable screenshot - 21594 pixels (ratio 0.04 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
[mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 21594 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 21594 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 - captured a stable screenshot - 21594 pixels (ratio 0.04 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
[mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
5) [mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
[mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
5) [mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
[chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ─────────────── Error: Screenshot comparison failed: 80246 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/chromium-highContrast/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-chromium-highContrast/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-chromium-highContrast/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 80246 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 80246 pixels (ratio 0.03 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] › default.ts:79:2 › DBPopover › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 80246 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/chromium-highContrast/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-chromium-highContrast-retry1/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-chromium-highContrast-retry1/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 80246 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 80246 pixels (ratio 0.03 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] › default.ts:79:2 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ───────────────── Error: Screenshot comparison failed: 32669 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast/DBRadio-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 32669 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 - 32669 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] › default.ts:79:2 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 32669 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast-retry1/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-highContrast-retry1/DBRadio-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 32669 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 - 32669 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] › default.ts:79:2 › DBSection › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ─────────────── Error: Screenshot comparison failed: 44639 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44639 pixels (ratio 0.02 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 - 44639 pixels (ratio 0.02 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] › default.ts:79:2 › DBSection › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 44639 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast-retry1/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast-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 - 44639 pixels (ratio 0.02 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 - 44639 pixels (ratio 0.02 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] › default.ts:174:2 › DBSelect › test with accessibility checker: showcases/e2e/default.ts#L210
4) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ─────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 31 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 1, + "left": 806, + "top": 791, + "width": 1, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/label_ref_valid.html#%7B%22message%22%3A%22The%20value%20%5C%22select-11fd722f-2f9e-40ad-8870-3ccb4501947c%5C%22%20of%20the%20'for'%20attribute%20is%20not%20the%20'id'%20of%20a%20valid%20element%22%2C%22snippet%22%3A%22%3Clabel%20for%3D%5C%22select-11fd722f-2f9e-40ad-8870-3ccb4501947c%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_invalid%22%2C%22ruleId%22%3A%22label_ref_valid%22%2C%22msgArgs%22%3A%5B%22select-11fd722f-2f9e-40ad-8870-3ccb4501947c%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The value \"select-11fd722f-2f9e-40ad-8870-3ccb4501947c\" of the 'for' attribute is not the 'id' of a valid element", + "messageArgs": Array [ + "select-11fd722f-2f9e-40ad-8870-3ccb4501947c", + ], + "path": Object { + "aria": "/document[1]/main[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[3]/db-select[1]/div[1]/label[1]", + }, + "reasonId": "fail_invalid", + "ruleId": "label_ref_valid", + "ruleTime": 0, + "snippet": "<label for=\"select-11fd722f-2f9e-40ad-8870-3ccb4501947c\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 208 | } 209 | > 210 | expect(failures).toEqual([]); | ^ 211 | }); 212 | }; 213 | at /__w/mono/mono/showcases/e2e/default.ts:210:20
[chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker: showcases/e2e/default.ts#L210
4) [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 31 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 1, + "left": 806, + "top": 791, + "width": 1, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/label_ref_valid.html#%7B%22message%22%3A%22The%20value%20%5C%22select-9e547206-fb32-48e0-a457-5d2bf98defc2%5C%22%20of%20the%20'for'%20attribute%20is%20not%20the%20'id'%20of%20a%20valid%20element%22%2C%22snippet%22%3A%22%3Clabel%20for%3D%5C%22select-9e547206-fb32-48e0-a457-5d2bf98defc2%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_invalid%22%2C%22ruleId%22%3A%22label_ref_valid%22%2C%22msgArgs%22%3A%5B%22select-9e547206-fb32-48e0-a457-5d2bf98defc2%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The value \"select-9e547206-fb32-48e0-a457-5d2bf98defc2\" of the 'for' attribute is not the 'id' of a valid element", + "messageArgs": Array [ + "select-9e547206-fb32-48e0-a457-5d2bf98defc2", + ], + "path": Object { + "aria": "/document[1]/main[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-select[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[3]/db-select[1]/div[1]/label[1]", + }, + "reasonId": "fail_invalid", + "ruleId": "label_ref_valid", + "ruleTime": 0, + "snippet": "<label for=\"select-9e547206-fb32-48e0-a457-5d2bf98defc2\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 208 | } 209 | > 210 | expect(failures).toEqual([]); | ^ 211 | }); 212 | }; 213 | at /__w/mono/mono/showcases/e2e/default.ts:210:20
[chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ──────────────── Error: Screenshot comparison failed: 51116 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 51116 pixels (ratio 0.02 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 - 51116 pixels (ratio 0.02 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] › default.ts:79:2 › DBSelect › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 51116 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 51116 pixels (ratio 0.02 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 - 51116 pixels (ratio 0.02 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
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
Process completed with exit code 1.
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
Process completed with exit code 1.
[chromium] › default.ts:79:2 › DBTabItem › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Error: Screenshot comparison failed: 26919 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26919 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 - 26919 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] › default.ts:79:2 › DBTabItem › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 26919 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26919 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 - 26919 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] › default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 37527 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium/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/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium/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 - 37527 pixels (ratio 0.02 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 - 37527 pixels (ratio 0.02 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] › default.ts:79:2 › DBTabs › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 37527 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium/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-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-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 - 37527 pixels (ratio 0.02 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 - 37527 pixels (ratio 0.02 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] › default.ts:79:2 › DBTag › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 80307 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium/DBTag-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 80307 pixels (ratio 0.02 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 - 80307 pixels (ratio 0.02 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] › default.ts:79:2 › DBTag › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 80307 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium-retry1/DBTag-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 80307 pixels (ratio 0.02 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 - 80307 pixels (ratio 0.02 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] › default.ts:174:2 › DBTextarea › test with accessibility checker: showcases/e2e/default.ts#L210
4) [chromium] › default.ts:174:2 › DBTextarea › test with accessibility checker ────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 31 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 1, + "left": 757, + "top": 748, + "width": 1, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/label_ref_valid.html#%7B%22message%22%3A%22The%20value%20%5C%22textarea-3163b5bd-176b-4444-a60e-3e25af60c99c%5C%22%20of%20the%20'for'%20attribute%20is%20not%20the%20'id'%20of%20a%20valid%20element%22%2C%22snippet%22%3A%22%3Clabel%20for%3D%5C%22textarea-3163b5bd-176b-4444-a60e-3e25af60c99c%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_invalid%22%2C%22ruleId%22%3A%22label_ref_valid%22%2C%22msgArgs%22%3A%5B%22textarea-3163b5bd-176b-4444-a60e-3e25af60c99c%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The value \"textarea-3163b5bd-176b-4444-a60e-3e25af60c99c\" of the 'for' attribute is not the 'id' of a valid element", + "messageArgs": Array [ + "textarea-3163b5bd-176b-4444-a60e-3e25af60c99c", + ], + "path": Object { + "aria": "/document[1]/main[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-textarea[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[3]/db-textarea[1]/div[1]/label[1]", + }, + "reasonId": "fail_invalid", + "ruleId": "label_ref_valid", + "ruleTime": 0, + "snippet": "<label for=\"textarea-3163b5bd-176b-4444-a60e-3e25af60c99c\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 208 | } 209 | > 210 | expect(failures).toEqual([]); | ^ 211 | }); 212 | }; 213 | at /__w/mono/mono/showcases/e2e/default.ts:210:20
[chromium] › default.ts:174:2 › DBTextarea › test with accessibility checker: showcases/e2e/default.ts#L210
4) [chromium] › default.ts:174:2 › DBTextarea › test with accessibility checker ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 31 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 1, + "left": 757, + "top": 748, + "width": 1, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/label_ref_valid.html#%7B%22message%22%3A%22The%20value%20%5C%22textarea-670e6c6e-ef59-4a3c-882a-69b764c674f1%5C%22%20of%20the%20'for'%20attribute%20is%20not%20the%20'id'%20of%20a%20valid%20element%22%2C%22snippet%22%3A%22%3Clabel%20for%3D%5C%22textarea-670e6c6e-ef59-4a3c-882a-69b764c674f1%5C%22%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_invalid%22%2C%22ruleId%22%3A%22label_ref_valid%22%2C%22msgArgs%22%3A%5B%22textarea-670e6c6e-ef59-4a3c-882a-69b764c674f1%22%5D%7D", + "ignored": false, + "level": "violation", + "message": "The value \"textarea-670e6c6e-ef59-4a3c-882a-69b764c674f1\" of the 'for' attribute is not the 'id' of a valid element", + "messageArgs": Array [ + "textarea-670e6c6e-ef59-4a3c-882a-69b764c674f1", + ], + "path": Object { + "aria": "/document[1]/main[1]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-textarea[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[3]/db-textarea[1]/div[1]/label[1]", + }, + "reasonId": "fail_invalid", + "ruleId": "label_ref_valid", + "ruleTime": 1, + "snippet": "<label for=\"textarea-670e6c6e-ef59-4a3c-882a-69b764c674f1\">", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 208 | } 209 | > 210 | expect(failures).toEqual([]); | ^ 211 | }); 212 | }; 213 | at /__w/mono/mono/showcases/e2e/default.ts:210:20
[chromium] › default.ts:79:2 › DBTextarea › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────── Error: Screenshot comparison failed: 54164 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium/DBTextarea-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium/DBTextarea-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 - 54164 pixels (ratio 0.02 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 - 54164 pixels (ratio 0.02 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] › default.ts:79:2 › DBTextarea › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 54164 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-retry1/DBTextarea-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-retry1/DBTextarea-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 - 54164 pixels (ratio 0.02 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 - 54164 pixels (ratio 0.02 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
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
Process completed with exit code 1.
[firefox] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 26514 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26514 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 - 26514 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
[firefox] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 26514 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox-retry1/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26514 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 - 26514 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
[firefox] › default.ts:79:2 › DBNavigation › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 8928 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox/DBNavigation-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 - 8928 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 - 8928 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
[firefox] › default.ts:79:2 › DBNavigation › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 8928 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox-retry1/DBNavigation-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 - 8928 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 - 8928 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
[firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── Error: Screenshot comparison failed: 20906 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox/DBNavigationItem-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 - 20906 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 - 20906 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
[firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20906 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox-retry1/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox-retry1/DBNavigationItem-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 - 20906 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 - 20906 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
[firefox] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 95689 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox/DBNotification-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 95689 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 95689 pixels (ratio 0.03 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
[firefox] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 95689 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox-retry1/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox-retry1/DBNotification-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 95689 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 95689 pixels (ratio 0.03 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
[firefox] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
5) [firefox] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
[firefox] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
5) [firefox] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 50 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<main class=\"db-main\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "main", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 161 | .analyze(); 162 | > 163 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 164 | }); 165 | }; 166 | at /__w/mono/mono/showcases/e2e/default.ts:163:47
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
Process completed with exit code 1.
[chromium] › default.ts:79:2 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 20013 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/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-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/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 - 20013 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 - 20013 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] › default.ts:79:2 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20013 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/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-chromium-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-chromium-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 - 20013 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 - 20013 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] › default.ts:79:2 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Error: Screenshot comparison failed: 16113 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16113 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 - 16113 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] › default.ts:79:2 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 16113 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-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-chromium-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 - 16113 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 - 16113 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] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 48976 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-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 - 48976 pixels (ratio 0.02 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 - 48976 pixels (ratio 0.02 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] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 48976 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-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 - 48976 pixels (ratio 0.02 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 - 48976 pixels (ratio 0.02 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] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 13501 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 13501 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 - 13501 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] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 13501 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 13501 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 - 13501 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] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 41083 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 41083 pixels (ratio 0.02 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 - 41083 pixels (ratio 0.02 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] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 41083 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 41083 pixels (ratio 0.02 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 - 41083 pixels (ratio 0.02 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
checks-done
Process completed with exit code 1.
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
🎭 Playwright Run Summary
31 failed [webkit] › default.ts:79:2 › DBIcon › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBInfotext › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ──────────────────────────── [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:79:2 › DBNotification › should match screenshot ────────────────────────── [webkit] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBRadio › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBTag › should match screenshot ─────────────────────────────────── [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBTooltip › should match screenshot ─────────────────────────────── [mobile_chrome] › default.ts:129:2 › DBAccordion › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBAccordion › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:129:2 › DBAccordionItem › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBAccordionItem › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:129:2 › DBBadge › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBBadge › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:129:2 › DBBrand › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:129:2 › DBButton › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBButton › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 55 skipped 31 passed (4.7m)
🎭 Playwright Run Summary
50 failed [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:129:2 › DBDivider › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBDivider › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBDivider › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBDrawer › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBIcon › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:129:2 › DBInfotext › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBInfotext › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:129:2 › DBNotification › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBNotification › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBPopover › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:129:2 › DBRadio › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBRadio › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:129:2 › DBSection › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:129:2 › DBSection › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [mobile_chrome] › default.ts:79:2 › DBSection › should match screenshot ────────────────────────
🎭 Playwright Run Summary
26 failed [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ──────────────── [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ──────────────── [chromium-highContrast] › default.ts:174:2 › DBSelect › test with accessibility checker ──────── [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ──────────────────── [chromium-highContrast] › default.ts:174:2 › DBTextarea › test with accessibility checker ────── [chromium-highContrast] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────── [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── [firefox] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBDivider › should match screenshot ────────────────────────────── [firefox] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [firefox] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [firefox] › default.ts:79:2 › DBDrawer › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── 36 skipped 56 passed (7.1m)
🎭 Playwright Run Summary
28 failed [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── [chromium] › default.ts:174:2 › DBTextarea › test with accessibility checker ─────────────────── [chromium] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────── [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ────────────── [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────── [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBDivider › should match screenshot ──────────────── [chromium-highContrast] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [chromium-highContrast] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-3 [chromium-highContrast] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [chromium-highContrast] › default.ts:79:2 › DBDrawer › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBIcon › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────── [chromium-highContrast] › default.ts:174:2 › DBInput › test with accessibility checker ───────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ───────────── [chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────── [chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ─────────── [chromium-highContrast] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [chromium-highContrast] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-3 18 skipped 72 passed (8.2m)
🎭 Playwright Run Summary
26 failed [firefox] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [firefox] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBSection › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:79:2 › DBTextarea › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBTooltip › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBDivider › should match screenshot ─────────────────────────────── [webkit] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [webkit] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [webkit] › default.ts:79:2 › DBDrawer › should match screenshot ──────────────────────────────── 53 skipped 38 passed (6.9m)
🎭 Playwright Run Summary
28 failed [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBDivider › should match screenshot ───────────────────────────── [chromium] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [chromium] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-3 [chromium] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density functional and color neutral-bg-basic-level-1 [chromium] › default.ts:79:2 › DBDrawer › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBIcon › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:174:2 › DBInput › test with accessibility checker ────────────────────── [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── [chromium] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── [chromium] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1 [chromium] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-3 [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:174:2 › DBSelect › test with accessibility checker ───────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────────── 16 skipped 74 passed (8.2m)

Artifacts

Produced during runtime
Name Size
db-ui-angular-showcase
1.43 MB
db-ui-angular-ssr-showcase
2.13 MB
db-ui-components-build
344 KB
db-ui-foundations-build
256 KB
db-ui-next-showcase
1.49 MB
db-ui-nuxt-showcase
1.97 MB
db-ui-output
409 KB
db-ui-outputs
6.21 MB
db-ui-patternhub
3.66 MB
db-ui-react-showcase
1.34 MB
db-ui-stencil-showcase
1.39 MB
db-ui-vue-showcase
1.31 MB
react-recordings-macos-13-3 Expired
18.8 MB
react-recordings-windows-2022-3 Expired
2.62 MB
react-screen-reader-macos-13-3 Expired
535 KB
react-screen-reader-windows-2022-3 Expired
727 KB
stencil-showcase-playwright-results-1 Expired
17.9 MB
stencil-showcase-playwright-results-2 Expired
17.6 MB
stencil-showcase-playwright-results-3 Expired
16.4 MB
stencil-showcase-playwright-results-4 Expired
21.6 MB
stencil-showcase-playwright-results-5 Expired
32.4 MB
stencil-showcase-playwright-results-6 Expired
46.9 MB