feat: replace DB icons with whitelabel open source icons #15975
Annotations
11 errors, 1 warning, and 1 notice
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
5455 pixels (ratio 0.01 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
- 5455 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
- 5455 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
5455 pixels (ratio 0.01 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
- 5455 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
- 5455 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
807 pixels (ratio 0.01 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
- 807 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
- 807 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
807 pixels (ratio 0.01 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
- 807 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
- 807 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
3) [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBTag" [level=1]
- link "Density arrow_up_right\" / \""
- text: Functional (Default) Regular Expressive
- link "Emphasis arrow_up_right\" / \""
- text: (Default) Weak Strong
- link "Semantic arrow_up_right\" / \""
- text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong
- link "Behaviour arrow_up_right\" / \""
- group "Behaviour":
- text: (Default) Static
- button "Interactive Button"
- link "Interactive Link"
- checkbox "Interactive Checkbox": "on"
- text: Interactive Checkbox
- radio "Interactive Radio 1": "on"
- text: Interactive Radio 1
- radio "Interactive Radio 2": "on"
- text: Interactive Radio 2 Removeable
- button "cross\" / \" Remove tag"
- link "State arrow_up_right\" / \""
- group "State":
- checkbox "(Default) Unchecked": "on"
- text: (Default) Unchecked
- checkbox "Checked" [checked]: "on"
- text: Checked
- checkbox "Disabled" [checked] [disabled]: "on"
- text: Disabled
- link "Content arrow_up_right\" / \""
- text: (Default) Text x_placershonlder" / " Icon x_placershonlder" / " Icon & Text
- link "Overflow arrow_up_right\" / \""
- text: (Default) No Overflow With Overflow (max-width)
- link "Example arrow_up_right\" / \""
- group "Example":
- text: x_placershonlder" / "
- button "Interactive Strong Button with Icon"
- text: x_placershonlder" / "
- link "Interactive Strong Link with Icon"
- text: x_placershonlder" / "
- checkbox "Interactive Strong Checkbox with Icon": "on"
- text: Interactive Strong Checkbox with Icon x_placershonlder" / "
- radio "Interactive Strong Radio 1 with Icon": "on"
- text: Interactive Strong Radio 1 with Icon x_placershonlder" / "
- radio "Interactive Strong Radio 2 with Icon": "on"
- text: Interactive Strong Radio 2 with Icon
Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
3) [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBTag" [level=1]
- link "Density arrow_up_right\" / \""
- text: Functional (Default) Regular Expressive
- link "Emphasis arrow_up_right\" / \""
- text: (Default) Weak Strong
- link "Semantic arrow_up_right\" / \""
- text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong
- link "Behaviour arrow_up_right\" / \""
- group "Behaviour":
- text: (Default) Static
- button "Interactive Button"
- link "Interactive Link"
- checkbox "Interactive Checkbox": "on"
- text: Interactive Checkbox
- radio "Interactive Radio 1": "on"
- text: Interactive Radio 1
- radio "Interactive Radio 2": "on"
- text: Interactive Radio 2 Removeable
- button "cross\" / \" Remove tag"
- link "State arrow_up_right\" / \""
- group "State":
- checkbox "(Default) Unchecked": "on"
- text: (Default) Unchecked
- checkbox "Checked" [checked]: "on"
- text: Checked
- checkbox "Disabled" [checked] [disabled]: "on"
- text: Disabled
- link "Content arrow_up_right\" / \""
- text: (Default) Text x_placershonlder" / " Icon x_placershonlder" / " Icon & Text
- link "Overflow arrow_up_right\" / \""
- text: (Default) No Overflow With Overflow (max-width)
- link "Example arrow_up_right\" / \""
- group "Example":
- text: x_placershonlder" / "
- button "Interactive Strong Button with Icon"
- text: x_placershonlder" / "
- link "Interactive Strong Link with Icon"
- text: x_placershonlder" / "
- checkbox "Interactive Strong Checkbox with Icon": "on"
- text: Interactive Strong Checkbox with Icon x_placershonlder" / "
- radio "Interactive Strong Radio 1 with Icon": "on"
- text: Interactive Strong Radio 1 with Icon x_placershonlder" / "
- radio "Interactive Strong Radio 2 with Icon": "on"
- text: Interactive Strong Radio 2 with Icon
Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBTextarea › should match screenshot ───────────────────────────
Error: expect(page).toHaveScreenshot(expected)
280 pixels (ratio 0.01 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
- 280 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
- 280 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBTextarea › should match screenshot ───────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
280 pixels (ratio 0.01 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
- 280 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
- 280 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────
Error: expect(page).toHaveScreenshot(expected)
1262 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/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-highContrast/DBBadge-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/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
- 1262 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
- 1262 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1262 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/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-highContrast-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-highContrast-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
- 1262 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
- 1262 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
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
20 failed
[chromium] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────
[chromium] › default.ts:79:2 › DBTag › should match screenshot ─────────────────────────────────
[chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────
[chromium] › default.ts:79:2 › DBTextarea › should match screenshot ────────────────────────────
[chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ──────────
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:219:2 › DBBrand › should have same aria-snapshot ──────────
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ─────────────────
[chromium-highContrast] › default.ts:219:2 › DBButton › should have same aria-snapshot ─────────
[chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────
[chromium-highContrast] › default.ts:79:2 › DBDivider › 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:79:2 › DBInput › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────
[chromium-highContrast] › default.ts:219:2 › DBNavigation › should have same aria-snapshot ─────
[chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────
[chromium-highContrast] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─
[chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ───────────
2 flaky
[chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────
[chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ────────────────
22 skipped
97 passed (5.3m)
|
Loading