Skip to content

refactor: patternhub examples to align with figma props #15603

refactor: patternhub examples to align with figma props

refactor: patternhub examples to align with figma props #15603

Triggered via pull request December 12, 2024 13:00
Status Failure
Total duration 16m 28s
Artifacts 18

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
29s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 9s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
build-showcase-patternhub  /  Build Patternhub
1m 38s
build-showcase-patternhub / Build Patternhub
build-showcase-react  /  Build Showcase react-showcase
39s
build-showcase-react / Build Showcase react-showcase
build-showcase-angular  /  Build Showcase angular-showcase
36s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-stencil  /  Build Showcase stencil-showcase
48s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-vue  /  Build Showcase vue-showcase
27s
build-showcase-vue / Build Showcase vue-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 18s
test-foundations / 🧪🎭 - foundations
build-outputs  /  Build outputs
1m 2s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
55s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
56s
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
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-components  /  regenerate-snapshots
regenerate-snapshots-components / regenerate-snapshots
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
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

25 errors, 58 warnings, and 4 notices
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
Process completed with exit code 1.
[mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 891 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/mobile-chrome/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-mobile-chrome/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-mobile-chrome/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 - 891 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 - 891 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
[mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 891 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/mobile-chrome/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-mobile-chrome-retry1/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-mobile-chrome-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 - 891 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 - 891 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:1/6
Process completed with exit code 1.
[chromium] › default.ts:79:2 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 892 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium/DBRadio-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 892 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 - 892 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 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 892 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-chromium-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-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 - 892 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 - 892 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:174:2 › DBAccordionItem › test with accessibility checker: showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBAccordionItem › test with accessibility checker ───────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 37 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 64, + "left": 703, + "top": 1111, + "width": 120, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.11.13/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%203.52%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Cdiv%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%223.52%22%2C16%2C400%2C%22%2388898a%22%2C%22%23ffffff%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 3.52 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "3.52", + 16, + 400, + "#88898a", + "#ffffff", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[7]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[3]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/li[1]/details[1]/div[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<div>", + "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 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 952 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 - 952 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 - 952 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
1) [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 952 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 - 952 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 - 952 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:3/6
Process completed with exit code 1.
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
Process completed with exit code 1.
[firefox] › default.ts:79:2 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 754 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/firefox/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-firefox/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-firefox/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 - 754 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 - 754 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 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 754 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/firefox/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-firefox-retry1/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-firefox-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 - 754 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 - 754 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 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1737px, received 1280px by 1753px. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1737px, received 1280px by 1753px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1737px, received 1280px by 1753px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1655px, received 1280px by 1687px. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1655px, received 1280px by 1687px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1655px, received 1280px by 1687px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1330px, received 1280px by 1346px. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1330px, received 1280px by 1346px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1330px, received 1280px by 1346px. 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 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2955px, received 1280px by 2987px. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2955px, received 1280px by 2987px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2955px, received 1280px by 2987px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › default.ts:79:2 › DBCard › should match screenshot: showcases/e2e/default.ts#L111
6) [webkit] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2305px, received 1280px by 2321px. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2305px, received 1280px by 2321px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2305px, received 1280px by 2321px. 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 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 774 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 774 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 - 774 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 › DBRadio › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 774 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit-retry1/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit-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 - 774 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 - 774 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
2) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 4905px, received 1280px by 4921px. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 4905px, received 1280px by 4921px. 153 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 153 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 4905px, received 1280px by 4921px. 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 › DBPopover › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2630px, received 1280px by 2646px. Expected: /__w/mono/mono/__snapshots__/popover/showcase/webkit/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-webkit/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/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 - Expected an image 1280px by 2630px, received 1280px by 2646px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2630px, received 1280px by 2646px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › default.ts:129:2 › DBSelect › should not have any A11y issues for density regular and color neutral-bg-basic-level-1: showcases/e2e/default.ts#L163
4) [webkit] › default.ts:129:2 › DBSelect › 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 + 1573 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "9.0pt (12px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"db-card variants-card\" data-elevation-level=\"1\">", + "target": Array [ + "div:nth-child(8) > db-card > .db-card.variants-card[data-elevation-level=\"1\"]", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<label>Label</label>", + "impact": "serious", + "none": Array [], + "target": Array [ + "div:nth-child(8) > db-card > .db-card.variants-card[data-elevation-level=\"1\"] > .variants-list > div:nth-child(2) > db-select > .db-select > label", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"db-card variants-card\" data-elevation-level=\"1\">", + "target": Array [ + "div:nth-child(8) > db-card > .db-card.variants-card[data-elevation-level=\"1\"]", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span id=\"\">True</span>", + "impact": "serious", + "none": Array [], + "target": Array [
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
init / Init
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
scan-secrets / TruffleHog
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
get-playwright-version / Get and save publish version
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test / Test
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-packages / Build Packages
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
lint / Lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-vue / Build Showcase vue-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-angular / Build Showcase angular-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-react / Build Showcase react-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-nuxt / Build Showcase nuxt-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-stencil / Build Showcase stencil-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-next / Build Showcase next-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-outputs / Build outputs
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-foundations / 🧪🎭 - foundations
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-showcase-patternhub / Build Patternhub
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-components / 🧪🎭 - react:1/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-components / 🧪🎭 - vue:3/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-components / 🧪🎭 - vue:1/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-components / 🧪🎭 - react:3/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-components / 🧪🎭 - react:2/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-components / 🧪🎭 - vue:2/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-react / 🧪🎭 - react-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-patternhub / 🧪🎭 - patternhub:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-react / 🧪🎭 - react-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-react / 🧪🎭 - react-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-react / 🧪🎭 - react-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-patternhub / 🧪🎭 - patternhub:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-patternhub / 🧪🎭 - patternhub:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-react / 🧪🎭 - react-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
checks-done
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
🎭 Playwright Run Summary
1 failed [mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ────────────────────────── 59 skipped 80 passed (1.6m)
🎭 Playwright Run Summary
1 failed [chromium] › default.ts:79:2 › DBRadio › should match screenshot ─────────────────────────────── 1 flaky [chromium] › default.ts:174:2 › DBAccordionItem › test with accessibility checker ────────────── 20 skipped 119 passed (3.4m)
🎭 Playwright Run Summary
1 failed [chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ────────────────── 40 skipped 100 passed (3.1m)
🎭 Playwright Run Summary
1 failed [firefox] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────────── 5 flaky [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:79:2 › DBAccordionItem › 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 ────────────────────────────────── 57 skipped 78 passed (3.3m)

Artifacts

Produced during runtime
Name Size
db-ui-angular-showcase
1.44 MB
db-ui-angular-ssr-showcase
2.18 MB
db-ui-components-build
349 KB
db-ui-foundations-build
151 KB
db-ui-migration-build
1.91 KB
db-ui-next-showcase
1.52 MB
db-ui-nuxt-showcase
1.99 MB
db-ui-output
400 KB
db-ui-outputs
3.87 MB
db-ui-patternhub
3.74 MB
db-ui-react-showcase
1.36 MB
db-ui-stencil-showcase
1.41 MB
db-ui-vue-showcase
1.32 MB
stencil-showcase-playwright-results-1 Expired
1.37 MB
stencil-showcase-playwright-results-3 Expired
731 KB
stencil-showcase-playwright-results-4 Expired
4.64 MB
stencil-showcase-playwright-results-5 Expired
9.88 MB
stencil-showcase-playwright-results-6 Expired
691 KB