feat: changed the consumption how to import required styles #11452
Annotations
11 errors and 1 notice
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
1) [webkit] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────────────
Error: Screenshot comparison failed:
1688 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1688 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
- 1688 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
1) [webkit] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1688 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1688 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
- 1688 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
2) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────────────
Error: Screenshot comparison failed:
1214 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-n-8b50a-tem-should-match-screenshot-webkit/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-n-8b50a-tem-should-match-screenshot-webkit/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1214 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
- 1214 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
2) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1214 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-n-8b50a-tem-should-match-screenshot-webkit-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-n-8b50a-tem-should-match-screenshot-webkit-retry1/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1214 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
- 1214 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
3) [webkit] › default.ts:13:4 › DBNotification › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
2463 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/notification/showcase/webkit/regular/neutral/DBNotification-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-showcase-noti-779d1-ion-should-match-screenshot-webkit/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-showcase-noti-779d1-ion-should-match-screenshot-webkit/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2463 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
- 2463 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
3) [webkit] › default.ts:13:4 › DBNotification › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2463 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/notification/showcase/webkit/regular/neutral/DBNotification-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-showcase-noti-779d1-ion-should-match-screenshot-webkit-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-showcase-noti-779d1-ion-should-match-screenshot-webkit-retry1/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2463 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
- 2463 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
4) [webkit] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2129px, received 1280px by 2125px. 20225 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2129px, received 1280px by 2125px. 20225 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
- Expected an image 1280px by 2129px, received 1280px by 2125px. 20225 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
4) [webkit] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2129px, received 1280px by 2125px. 20225 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-retry1/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2129px, received 1280px by 2125px. 20225 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
- Expected an image 1280px by 2129px, received 1280px by 2125px. 20225 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
5) [webkit] › default.ts:13:4 › DBSwitch › should match screenshot ───────────────────────────────
Error: Screenshot comparison failed:
2466 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/regular/neutral/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-webkit/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-webkit/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2466 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
- 2466 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
5) [webkit] › default.ts:13:4 › DBSwitch › should match screenshot ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2466 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/switch/showcase/webkit/regular/neutral/DBSwitch-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-webkit-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-webkit-retry1/regular-neutral-diff.png
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2466 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
- 2466 pixels (ratio 0.01 of all image pixels) are different.
58 | config.mask = [header];
59 |
> 60 | await expect(page).toHaveScreenshot(
| ^
61 | [density, `${color}.png`],
62 | config
63 | );
at /__w/mono/mono/showcases/e2e/default.ts:60:24
|
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report
29 failed
[webkit] › default.ts:13:4 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ────────────────────────
[webkit] › default.ts:13:4 › DBNotification › should match screenshot ──────────────────────────
[webkit] › default.ts:13:4 › DBSection › should match screenshot ───────────────────────────────
[webkit] › default.ts:13:4 › DBSwitch › should match screenshot ────────────────────────────────
[webkit] › default.ts:13:4 › DBTabItem › should match screenshot ───────────────────────────────
[webkit] › default.ts:13:4 › DBTabs › should match screenshot ──────────────────────────────────
[mobile_chrome] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────
[mobile_chrome] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────
[mobile_chrome] › default.ts:13:4 › DBBrand › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────
[mobile_chrome] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────
[mobile_chrome] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────
[mobile_chrome] › default.ts:13:4 › DBNotification › should match screenshot ───────────────────
[mobile_chrome] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────
[mobile_chrome] › default.ts:13:4 › DBSwitch › should match screenshot ─────────────────────────
[mobile_chrome] › default.ts:13:4 › DBTabItem › should match screenshot ────────────────────────
[mobile_chrome] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────
[mobile_safari] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────
[mobile_safari] › default.ts:13:4 › DBBrand › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────
[mobile_safari] › default.ts:13:4 › DBNotification › should match screenshot ───────────────────
[mobile_safari] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────
[mobile_safari] › default.ts:13:4 › DBSwitch › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:13:4 › DBTabItem › should match screenshot ────────────────────────
[mobile_safari] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────
16 passed (2.6m)
|
Loading