feat: replace DB icons with whitelabel open source icons #15975
Annotations
11 errors, 1 warning, and 1 notice
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1059 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/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
- 1059 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
- 1059 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) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1059 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-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
- 1059 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
- 1059 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
2) [mobile_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ─────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBBadge" [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 "Size arrow_up_right\" / \""
- text: (Default) Small Medium
- link "Content arrow_up_right\" / \""
- text: (Default) Text Dot - Small Icon - Small
- link "Placement arrow_up_right\" / \""
- text: (Default) Inline Label
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left"
- text: Corner - Top - Left
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left"
- text: Corner - Center - Left
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left"
- text: Corner - Bottom- Left
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right"
- text: Corner - Top - Right
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right"
- text: Corner - Center - Right
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right"
- text: Corner - Bottom- Right
- link "Examples arrow_up_right\" / \""
- text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
2) [mobile_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBBadge" [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 "Size arrow_up_right\" / \""
- text: (Default) Small Medium
- link "Content arrow_up_right\" / \""
- text: (Default) Text Dot - Small Icon - Small
- link "Placement arrow_up_right\" / \""
- text: (Default) Inline Label
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left"
- text: Corner - Top - Left
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left"
- text: Corner - Center - Left
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left"
- text: Corner - Bottom- Left
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right"
- text: Corner - Top - Right
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right"
- text: Corner - Center - Right
- button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right"
- text: Corner - Bottom- Right
- link "Examples arrow_up_right\" / \""
- text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1997 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/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
- 1997 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
- 1997 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
3) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1997 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1997 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
- 1997 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
4) [mobile_safari] › default.ts:219:2 › DBBrand › should have same aria-snapshot ─────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBBrand" [level=1]
- link "Density arrow_up_right\" / \""
- text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive
- link "Variants arrow_up_right\" / \""
- text: dbrand" / " (Default) With Logo No Logo
- img "this is a fancy placeholder logo"
- text: Custom Logo
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
4) [mobile_safari] › default.ts:219:2 › DBBrand › should have same aria-snapshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBBrand" [level=1]
- link "Density arrow_up_right\" / \""
- text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive
- link "Variants arrow_up_right\" / \""
- text: dbrand" / " (Default) With Logo No Logo
- img "this is a fancy placeholder logo"
- text: Custom Logo
Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
5) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
2995 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/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
- 2995 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
- 2995 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) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
2995 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2995 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
- 2995 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 with Playwright 🎭
Process completed with exit code 1.
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
15 failed
[mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ──────────────────
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:219:2 › DBBrand › should have same aria-snapshot ──────────────────
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:219:2 › DBButton › should have same aria-snapshot ─────────────────
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:219:2 › DBHeader › should have same aria-snapshot ─────────────────
[mobile_safari] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────
[mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:219:2 › DBNavigation › should have same aria-snapshot ─────────────
[mobile_safari] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─────────
[mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────
[mobile_safari] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:219:2 › DBTag › should have same aria-snapshot ────────────────────
63 skipped
91 passed (4.4m)
|
Loading