refactor: brand component #10415
Annotations
9 errors, 4 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:
Expected an image 1280px by 4214px, received 1280px by 4034px.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- Expected an image 1280px by 4214px, received 1280px by 4034px.
- 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 4214px, received 1280px by 4034px.
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:
Expected an image 1280px by 4214px, received 1280px by 4034px.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- Expected an image 1280px by 4214px, received 1280px by 4034px.
- 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 4214px, received 1280px by 4034px.
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:
Expected an image 1280px by 2485px, received 1280px by 2305px.
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- Expected an image 1280px by 2485px, received 1280px by 2305px.
- 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 2485px, received 1280px by 2305px.
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:
Expected an image 1280px by 2485px, received 1280px by 2305px.
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- Expected an image 1280px by 2485px, received 1280px by 2305px.
- 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 2485px, received 1280px by 2305px.
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 › DBTab › should match screenshot ──────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2485px, received 1280px by 2305px.
Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- Expected an image 1280px by 2485px, received 1280px by 2305px.
- 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 2485px, received 1280px by 2305px.
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 › DBTab › should match screenshot ──────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 2485px, received 1280px by 2305px.
Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- Expected an image 1280px by 2485px, received 1280px by 2305px.
- 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 2485px, received 1280px by 2305px.
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 › DBTextarea › should match screenshot ─────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 3970px, received 1280px by 3790px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/regular/neutral/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-showcase-textarea-DBTextarea-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-showcase-textarea-DBTextarea-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
- Expected an image 1280px by 3970px, received 1280px by 3790px.
- 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 3970px, received 1280px by 3790px.
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 › DBTextarea › should match screenshot ─────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 3970px, received 1280px by 3790px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/regular/neutral/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-showcase-textarea-DBTextarea-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/textarea-showcase-textarea-DBTextarea-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
- Expected an image 1280px by 3970px, received 1280px by 3790px.
- 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 3970px, received 1280px by 3790px.
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.
|
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3, actions/cache@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
🔣 Print GitHub Report:
[webkit] › default.ts#L1
[webkit] › default.ts took 43.0s
|
🔣 Print GitHub Report:
[mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 24.1s
|
🔣 Print GitHub Report:
[mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 18.1s
|
🔣 Print GitHub Report
4 failed
[webkit] › default.ts:13:4 › DBInput › should match screenshot ─────────────────────────────────
[webkit] › default.ts:13:4 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:13:4 › DBTab › should match screenshot ───────────────────────────────────
[webkit] › default.ts:13:4 › DBTextarea › should match screenshot ──────────────────────────────
38 passed (1.6m)
|
Loading