refactor: changed to DB Screen Flex (variable font) #10536
Annotations
11 errors, 3 warnings, and 1 notice
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────────
Error: Screenshot comparison failed:
4997 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/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 4997 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
- 4997 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
4997 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/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 4997 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
- 4997 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────────
Error: Screenshot comparison failed:
4043 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/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 4043 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
- 4043 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
4043 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/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 4043 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
- 4043 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
9555 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 9555 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
- 9555 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
9555 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 9555 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
- 9555 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
16851 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 16851 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
- 16851 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
16851 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 16851 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
- 16851 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────────
Error: Screenshot comparison failed:
10032 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/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 10032 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
- 10032 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
10032 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/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 10032 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
- 10032 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report:
[firefox] › default.ts#L1
[firefox] › default.ts took 1.5m
|
|
🔣 Print GitHub Report:
[chromium] › default.ts#L1
[chromium] › default.ts took 1.3m
|
|
🔣 Print GitHub Report:
[webkit] › default.ts#L1
[webkit] › default.ts took 41.1s
|
|
🔣 Print GitHub Report
37 failed
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot ───────────────────────────
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ───────────────────────
[chromium] › default.ts:13:4 › DBAlert › should match screenshot ───────────────────────────────
[chromium] › default.ts:13:4 › DBBadge › should match screenshot ───────────────────────────────
[chromium] › default.ts:13:4 › DBButton › should match screenshot ──────────────────────────────
[chromium] › default.ts:13:4 › DBIcon › should match screenshot ────────────────────────────────
[chromium] › default.ts:13:4 › DBInfotext › should match screenshot ────────────────────────────
[chromium] › default.ts:13:4 › DBInput › 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 › DBSection › should match screenshot ─────────────────────────────
[chromium] › default.ts:13:4 › DBTab › should match screenshot ─────────────────────────────────
[chromium] › default.ts:13:4 › DBTabs › should match screenshot ────────────────────────────────
[chromium] › default.ts:13:4 › DBTag › should match screenshot ─────────────────────────────────
[chromium] › default.ts:13:4 › DBTextarea › 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 › DBAlert › should match screenshot ────────────────────────────────
[firefox] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────────────
[firefox] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────────
[firefox] › default.ts:13:4 › DBIcon › should match screenshot ─────────────────────────────────
[firefox] › default.ts:13:4 › DBInfotext › should match screenshot ─────────────────────────────
[firefox] › default.ts:13:4 › DBInput › 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 › DBSection › should match screenshot ──────────────────────────────
[firefox] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────────────
[firefox] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────────────
[firefox] › default.ts:13:4 › DBTag › should match screenshot ──────────────────────────────────
[firefox] › default.ts:13:4 › DBTextarea › 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 › DBAlert › should match screenshot ─────────────────────────────────
[webkit] › default.ts:13:4 › DBBadge › should match screenshot ─────────────────────────────────
[webkit] › default.ts:13:4 › DBButton › should match screenshot ────────────────────────────────
[webkit] › default.ts:13:4 › DBIcon › should match screenshot ──────────────────────────────────
[webkit] › default.ts:13:4 › DBInfotext › should match screenshot ──────────────────────────────
3 passed (4.7m)
|
Loading