feat: align properties with Figma to have a nearly 1:1 relationship #14974
Annotations
11 errors, 1 warning, and 1 notice
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
312 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/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-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
- 312 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
- 312 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: Screenshot comparison failed:
312 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/vue-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/vue-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
- 312 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
- 312 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
2) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
7770 pixels (ratio 0.03 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/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-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
- 7770 pixels (ratio 0.03 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
- 7770 pixels (ratio 0.03 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
2) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
7770 pixels (ratio 0.03 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/vue-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/vue-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
- 7770 pixels (ratio 0.03 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
- 7770 pixels (ratio 0.03 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 › DBButton › should match screenshot ────────────────────────
Error: Screenshot comparison failed:
1886 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/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-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
- 1886 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
- 1886 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 › DBButton › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1886 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/vue-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/vue-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
- 1886 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
- 1886 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
4) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────
Error: Screenshot comparison failed:
11865 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-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
- 11865 pixels (ratio 0.02 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
- 11865 pixels (ratio 0.02 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
4) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
11865 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-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
- 11865 pixels (ratio 0.02 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
- 11865 pixels (ratio 0.02 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 › DBInput › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
270 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-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
- 270 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
- 270 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 › DBInput › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
270 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-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
- 270 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
- 270 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
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
11 failed
[mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────
[mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────
[mobile_safari] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────
[mobile_safari] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────
48 skipped
82 passed (3.3m)
|
Loading