Skip to content

refactor: brand component #10415

refactor: brand component

refactor: brand component #10415

Triggered via pull request March 20, 2024 08:53
Status Failure
Total duration 8m 19s
Artifacts 8

default.yml

on: pull_request
build-packages  /  Build Packages
49s
build-packages / Build Packages
build-showcases  /  Build Showcases
1m 56s
build-showcases / Build Showcases
Matrix: test-components / playwright-ct
build-outputs  /  Build outputs
55s
build-outputs / Build outputs
test-foundations  /  🧪🎭 - foundations
2m 45s
test-foundations / 🧪🎭 - foundations
Matrix: test-showcases / playwright-showcases
checks-done
0s
checks-done
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

28 errors, 27 warnings, and 3 notices
test-showcases / 🧪🎭 - vue:2/2
Process completed with exit code 1.
[webkit] › default.ts:13:4 › DBInput › should match screenshot: 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/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBInput › should match screenshot: 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/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBLink › should match screenshot: 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/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBLink › should match screenshot: 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/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBTab › should match screenshot: 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/vue-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBTab › should match screenshot: 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/vue-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBTextarea › should match screenshot: 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/vue-showcase/test-results/textarea-showcase-textarea-DBTextarea-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBTextarea › should match screenshot: 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/vue-showcase/test-results/textarea-showcase-textarea-DBTextarea-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-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
[webkit] › default.ts:13:4 › DBInput › should match screenshot: 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/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 - 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
[webkit] › default.ts:13:4 › DBInput › should match screenshot: 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/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 - 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
[webkit] › default.ts:13:4 › DBLink › should match screenshot: 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/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 - 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
[webkit] › default.ts:13:4 › DBLink › should match screenshot: 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/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 - 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
[webkit] › default.ts:13:4 › DBTab › should match screenshot: 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/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 - 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
[webkit] › default.ts:13:4 › DBTab › should match screenshot: 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/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 - 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
[webkit] › default.ts:13:4 › DBTextarea › should match screenshot: 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/react-showcase/test-results/textarea-showcase-textarea-DBTextarea-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-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
[webkit] › default.ts:13:4 › DBTextarea › should match screenshot: 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/react-showcase/test-results/textarea-showcase-textarea-DBTextarea-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-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-showcases / 🧪🎭 - react:2/2
Process completed with exit code 1.
[webkit] › default.ts:13:4 › DBInput › should match screenshot: 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
[webkit] › default.ts:13:4 › DBInput › should match screenshot: 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
[webkit] › default.ts:13:4 › DBLink › should match screenshot: 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
[webkit] › default.ts:13:4 › DBLink › should match screenshot: 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
[webkit] › default.ts:13:4 › DBTab › should match screenshot: 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
[webkit] › default.ts:13:4 › DBTab › should match screenshot: 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
[webkit] › default.ts:13:4 › DBTextarea › should match screenshot: 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
[webkit] › default.ts:13:4 › DBTextarea › should match screenshot: 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-showcases / 🧪🎭 - angular:2/2
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
scan-secrets / TruffleHog
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
init / Init
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/.
build-packages / Build Packages
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/.
lint / Lint
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/.
build-outputs / Build outputs
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/.
build-showcases / Build Showcases
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3, actions/cache@v3, actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
test-foundations / 🧪🎭 - foundations
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/.
test-components / 🧪🎭 - react:3/3
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/.
test-components / 🧪🎭 - vue:1/3
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/.
test-components / 🧪🎭 - vue:3/3
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/.
test-components / 🧪🎭 - react:1/3
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/.
test-components / 🧪🎭 - vue:2/3
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/.
test-components / 🧪🎭 - react:2/3
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/.
test-showcases / 🧪🎭 - vue:2/2
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/.
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 40.8s
Slow Test: [mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 22.2s
Slow Test: [mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 15.2s
test-showcases / 🧪🎭 - react:2/2
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/.
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 39.9s
Slow Test: [mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 21.1s
test-showcases / 🧪🎭 - angular:2/2
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/.
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 43.0s
Slow Test: [mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 24.1s
Slow Test: [mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 18.1s
test-showcases / 🧪🎭 - react:1/2
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/.
test-showcases / 🧪🎭 - vue:1/2
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/.
test-showcases / 🧪🎭 - angular:1/2
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/.
🎭 Playwright Run Summary
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.4m)
🎭 Playwright Run Summary
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.4m)
🎭 Playwright Run Summary
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)

Artifacts

Produced during runtime
Name Size
angular-showcase-playwright-results-2 Expired
5.74 MB
db-ui-components-build Expired
277 KB
db-ui-foundations-build Expired
70.5 KB
db-ui-output Expired
338 KB
db-ui-outputs Expired
2.97 MB
db-ui-showcases Expired
7.93 MB
react-showcase-playwright-results-2 Expired
5.65 MB
vue-showcase-playwright-results-2 Expired
5.65 MB