refactor: patternhub examples to align with figma props #15603
default.yml
on: pull_request
init
/
Init
24s
scan-secrets
/
TruffleHog
55s
get-playwright-version
/
Get and save publish version
29s
Matrix: init-playwright / init-playwright
build-showcase-react
/
Build Showcase react-showcase
39s
build-showcase-angular
/
Build Showcase angular-showcase
36s
build-showcase-stencil
/
Build Showcase stencil-showcase
48s
build-showcase-vue
/
Build Showcase vue-showcase
27s
Matrix: test-components / playwright-ct
build-outputs
/
Build outputs
1m 2s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
55s
build-showcase-next
/
Build Showcase next-showcase
56s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
44s
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-foundations
/
regenerate-snapshots
regenerate-snapshots-patternhub
/
regenerate-snapshots
regenerate-snapshots
/
regenerate-snapshots
deploy
/
Deploy
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 |
|