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) [webkit] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────────────
Error: Screenshot comparison failed:
7613 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/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
- 7613 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
- 7613 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) [webkit] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
7613 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-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
- 7613 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
- 7613 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) [webkit] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────────────
Error: Screenshot comparison failed:
2241 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/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/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
- 2241 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
- 2241 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) [webkit] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2241 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/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-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
- 2241 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
- 2241 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) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────────────
Error: Screenshot comparison failed:
4641 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/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/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
- 4641 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
- 4641 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) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
4641 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/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-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
- 4641 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
- 4641 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) [webkit] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
980 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/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/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
- 980 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
- 980 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) [webkit] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
980 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/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-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
- 980 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
- 980 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) [webkit] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────────────
Error: Screenshot comparison failed:
4812 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/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
- 4812 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
- 4812 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) [webkit] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
4812 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-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
- 4812 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
- 4812 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:
[mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 1.1m
|
|
🔣 Print GitHub Report:
[webkit] › default.ts#L1
[webkit] › default.ts took 59.0s
|
|
🔣 Print GitHub Report:
[mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 48.4s
|
|
🔣 Print GitHub Report
38 failed
[webkit] › default.ts:13:4 › DBInput › should match screenshot ─────────────────────────────────
[webkit] › default.ts:13:4 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ────────────────────────
[webkit] › default.ts:13:4 › DBSection › should match screenshot ───────────────────────────────
[webkit] › default.ts:13:4 › DBTab › should match screenshot ───────────────────────────────────
[webkit] › default.ts:13:4 › DBTabs › should match screenshot ──────────────────────────────────
[webkit] › default.ts:13:4 › DBTag › should match screenshot ───────────────────────────────────
[webkit] › default.ts:13:4 › DBTextarea › 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 › DBAlert › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:13:4 › DBBadge › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────
[mobile_chrome] › default.ts:13:4 › DBIcon › should match screenshot ───────────────────────────
[mobile_chrome] › default.ts:13:4 › DBInfotext › should match screenshot ───────────────────────
[mobile_chrome] › default.ts:13:4 › DBInput › 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 › DBSection › should match screenshot ────────────────────────
[mobile_chrome] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────
[mobile_chrome] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────
[mobile_chrome] › default.ts:13:4 › DBTag › should match screenshot ────────────────────────────
[mobile_chrome] › default.ts:13:4 › DBTextarea › 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 › DBAlert › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:13:4 › DBBadge › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:13:4 › DBIcon › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:13:4 › DBInfotext › should match screenshot ───────────────────────
[mobile_safari] › default.ts:13:4 › DBInput › 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 › DBSection › should match screenshot ────────────────────────
[mobile_safari] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────
[mobile_safari] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:13:4 › DBTag › should match screenshot ────────────────────────────
[mobile_safari] › default.ts:13:4 › DBTextarea › should match screenshot ───────────────────────
2 passed (3.7m)
|
Loading