feat: changed the consumption how to import required styles #11452
Annotations
11 errors and 1 notice
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L60
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────────
Error: Screenshot comparison failed:
2787 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordi-6d7f3-ion-should-match-screenshot-chromium/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordi-6d7f3-ion-should-match-screenshot-chromium/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
- 2787 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
- 2787 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) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2787 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordi-6d7f3-ion-should-match-screenshot-chromium-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordi-6d7f3-ion-should-match-screenshot-chromium-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
- 2787 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
- 2787 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) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────────
Error: Screenshot comparison failed:
1235 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-ac-d5097-tem-should-match-screenshot-chromium/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-ac-d5097-tem-should-match-screenshot-chromium/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
- 1235 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
- 1235 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) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1235 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-ac-d5097-tem-should-match-screenshot-chromium-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-ac-d5097-tem-should-match-screenshot-chromium-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
- 1235 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
- 1235 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) [chromium] › default.ts:13:4 › DBBrand › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
2616 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/regular/neutral/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-chromium/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-chromium/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
- 2616 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
- 2616 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) [chromium] › default.ts:13:4 › DBBrand › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2616 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/regular/neutral/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-chromium-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-showcase-brand-DBBrand-should-match-screenshot-chromium-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
- 2616 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
- 2616 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) [chromium] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────────
Error: Screenshot comparison failed:
1859 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/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
- 1859 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
- 1859 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) [chromium] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1859 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-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
- 1859 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
- 1859 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) [chromium] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────
Error: Screenshot comparison failed:
1715 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-chromium/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-chromium/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
- 1715 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
- 1715 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) [chromium] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1715 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-chromium-retry1/regular-neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-chromium-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
- 1715 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
- 1715 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
26 failed
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot ───────────────────────────
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ───────────────────────
[chromium] › default.ts:13:4 › DBBrand › should match screenshot ───────────────────────────────
[chromium] › default.ts:13:4 › DBButton › should match screenshot ──────────────────────────────
[chromium] › default.ts:13:4 › DBLink › should match screenshot ────────────────────────────────
[chromium] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────────────
[chromium] › default.ts:13:4 › DBNotification › should match screenshot ────────────────────────
[chromium] › default.ts:13:4 › DBSection › should match screenshot ─────────────────────────────
[chromium] › default.ts:13:4 › DBSwitch › should match screenshot ──────────────────────────────
[chromium] › default.ts:13:4 › DBTabItem › should match screenshot ─────────────────────────────
[chromium] › default.ts:13:4 › DBTabs › should match screenshot ────────────────────────────────
[firefox] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────────────
[firefox] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────────────
[firefox] › default.ts:13:4 › DBBrand › should match screenshot ────────────────────────────────
[firefox] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────────
[firefox] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────────────
[firefox] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────────────
[firefox] › default.ts:13:4 › DBNotification › should match screenshot ─────────────────────────
[firefox] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────────────
[firefox] › default.ts:13:4 › DBSwitch › should match screenshot ───────────────────────────────
[firefox] › default.ts:13:4 › DBTabItem › should match screenshot ──────────────────────────────
[firefox] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────────────
[webkit] › default.ts:13:4 › DBAccordion › should match screenshot ─────────────────────────────
[webkit] › default.ts:13:4 › DBAccordionItem › should match screenshot ─────────────────────────
[webkit] › default.ts:13:4 › DBBrand › should match screenshot ─────────────────────────────────
[webkit] › default.ts:13:4 › DBButton › should match screenshot ────────────────────────────────
19 passed (3.2m)
|
Loading