feat: align properties with Figma to have a nearly 1:1 relationship #14976
Annotations
10 errors, 1 warning, and 1 notice
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2305px, received 1280px by 2337px. 1783 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-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
- Expected an image 1280px by 2305px, received 1280px by 2337px. 1783 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 2305px, received 1280px by 2337px. 1783 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) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1783 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-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
- 1783 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
- 1783 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) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2305px, received 1280px by 2337px.
Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-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
- Expected an image 1280px by 2305px, received 1280px by 2337px. 75423 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
- 75423 pixels (ratio 0.03 of all image pixels) are different.
- waiting 250ms 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 2305px, received 1280px by 2337px.
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) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2305px, received 1280px by 2321px.
Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit-retry1/DBTabItem-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
- Expected an image 1280px by 2305px, received 1280px by 2321px.
- 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 2305px, received 1280px by 2321px.
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) [webkit] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 3615px, received 1280px by 3631px.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/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
- Expected an image 1280px by 3615px, received 1280px by 3631px.
- 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 3615px, received 1280px by 3631px.
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) [webkit] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2630px, received 1280px by 2662px.
Expected: /__w/mono/mono/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-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
- Expected an image 1280px by 2630px, received 1280px by 2662px.
- 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 2630px, received 1280px by 2662px.
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) [webkit] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 3280px, received 1280px by 3296px.
Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-webkit/DBTag-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-webkit/DBTag-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
- Expected an image 1280px by 3280px, received 1280px by 3296px.
- 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 3280px, received 1280px by 3296px.
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
6) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2975px, received 1280px by 2991px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-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
- Expected an image 1280px by 2975px, received 1280px by 2991px.
- 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 2975px, received 1280px by 2991px.
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
7) [webkit] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2630px, received 1280px by 2662px.
Expected: /__w/mono/mono/__snapshots__/tooltip/showcase/webkit/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-DBTooltip-should-match-screenshot-webkit/DBTooltip-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-DBTooltip-should-match-screenshot-webkit/DBTooltip-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
- Expected an image 1280px by 2630px, received 1280px by 2662px.
- 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 2630px, received 1280px by 2662px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
2 failed
[webkit] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────────
5 flaky
[webkit] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────────
[webkit] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────────
[webkit] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────────
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────────
[webkit] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────────
55 skipped
55 passed (2.8m)
|
Loading