Skip to content

feat: enable color contrast and fix issues with components #12597

feat: enable color contrast and fix issues with components

feat: enable color contrast and fix issues with components #12597

Triggered via pull request July 16, 2024 14:12
Status Failure
Total duration 58m 49s
Artifacts 21

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
26s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 0s
build-packages / Build Packages
build-showcase-angular  /  Build Showcase angular-showcase
38s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-patternhub  /  Build Patternhub
1m 30s
build-showcase-patternhub / Build Patternhub
build-showcase-react  /  Build Showcase react-showcase
38s
build-showcase-react / Build Showcase react-showcase
build-showcase-vue  /  Build Showcase vue-showcase
40s
build-showcase-vue / Build Showcase vue-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 15s
test-foundations / 🧪🎭 - foundations
build-outputs  /  Build outputs
51s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
53s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
47s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
45s
build-showcase-nuxt / Build Showcase nuxt-showcase
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-patternhub / playwright-showcases
Matrix: test-showcase-react / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-components  /  regenerate-snapshots
regenerate-snapshots-components / regenerate-snapshots
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
regenerate-snapshots-patternhub  /  regenerate-snapshots
regenerate-snapshots-patternhub / regenerate-snapshots
checks-done
0s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots showcases
35m 56s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

28 errors, 9 warnings, and 9 notices
[mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
test-showcase-react / 🧪🎭 - react-showcase:5/6
Process completed with exit code 1.
test-showcase-react / 🧪🎭 - react-showcase:2/6
Process completed with exit code 1.
[chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ───────────────── Error: Screenshot comparison failed: 3645 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3645 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 - 3645 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3645 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3645 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 - 3645 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[chromium] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium] › default.ts:57:2 › DBSwitch › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[chromium] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium] › default.ts:57:2 › DBSwitch › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
test-showcase-react / 🧪🎭 - react-showcase:1/6
Process completed with exit code 1.
[chromium] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium] › default.ts:57:2 › DBSwitch › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[chromium] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium] › default.ts:57:2 › DBSwitch › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-chromium-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
Process completed with exit code 1.
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
Process completed with exit code 1.
[chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ───────────────── Error: Screenshot comparison failed: 3645 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3645 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 - 3645 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3645 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3645 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 - 3645 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-mobile-chrome-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 20 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 - 20 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
Process completed with exit code 1.
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
Process completed with exit code 1.
[chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ───────────────── Error: Screenshot comparison failed: 3645 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3645 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 - 3645 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3645 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-chromium-highContrast-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3645 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 - 3645 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
test-showcase-react / 🧪🎭 - react-showcase:3/6
Process completed with exit code 1.
[firefox] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [firefox] › default.ts:57:2 › DBSwitch › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 24 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 24 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 - 24 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[firefox] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [firefox] › default.ts:57:2 › DBSwitch › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 24 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 24 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 - 24 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
Process completed with exit code 1.
[firefox] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [firefox] › default.ts:57:2 › DBSwitch › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 24 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 24 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 - 24 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
[firefox] › default.ts:57:2 › DBSwitch › should match screenshot: showcases/e2e/default.ts#L94
1) [firefox] › default.ts:57:2 › DBSwitch › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 24 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/firefox/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox-retry1/regular-neutral-bg-lvl-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/switch-showcase-switch-DBSwitch-should-match-screenshot-firefox-retry1/regular-neutral-bg-lvl-1-diff.png Call log: - expect.toHaveScreenshot(regular/neutral-bg-lvl-1.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 24 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 - 24 pixels (ratio 0.01 of all image pixels) are different. 92 | } 93 | > 94 | await expect(page).toHaveScreenshot( | ^ 95 | [density, `neutral-bg-lvl-1.png`], 96 | config 97 | ); at /__w/mono/mono/showcases/e2e/default.ts:94:22
checks-done
Process completed with exit code 1.
test-showcase-react / 🧪🎭 - react-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
🎭 Playwright Run Summary
1 failed [mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot ───────────────────────── 140 passed (2.9m)
🎭 Playwright Run Summary
1 failed [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ────────────────── 140 passed (3.7m)
🎭 Playwright Run Summary
1 failed [chromium] › default.ts:57:2 › DBSwitch › should match screenshot ────────────────────────────── 140 passed (3.7m)
🎭 Playwright Run Summary
1 failed [chromium] › default.ts:57:2 › DBSwitch › should match screenshot ────────────────────────────── 140 passed (3.6m)
🎭 Playwright Run Summary
1 failed [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ────────────────── 140 passed (3.6m)
🎭 Playwright Run Summary
1 failed [mobile_chrome] › default.ts:57:2 › DBSwitch › should match screenshot ───────────────────────── 140 passed (3.0m)
🎭 Playwright Run Summary
1 failed [chromium-highContrast] › default.ts:57:2 › DBInput › should match screenshot ────────────────── 10 skipped 130 passed (4.5m)
🎭 Playwright Run Summary
1 failed [firefox] › default.ts:57:2 › DBSwitch › should match screenshot ─────────────────────────────── 140 passed (14.0m)
🎭 Playwright Run Summary
1 failed [firefox] › default.ts:57:2 › DBSwitch › should match screenshot ─────────────────────────────── 140 passed (13.8m)

Artifacts

Produced during runtime
Name Size
angular-showcase-playwright-results-2 Expired
1.14 MB
db-ui-angular-showcase Expired
915 KB
db-ui-angular-ssr-showcase Expired
1.22 MB
db-ui-components-build Expired
399 KB
db-ui-foundations-build Expired
140 KB
db-ui-next-showcase Expired
978 KB
db-ui-nuxt-showcase Expired
1.44 MB
db-ui-output Expired
367 KB
db-ui-outputs Expired
4.23 MB
db-ui-patternhub Expired
3.1 MB
db-ui-react-showcase Expired
820 KB
db-ui-vue-showcase Expired
795 KB
react-showcase-playwright-results-1 Expired
916 KB
react-showcase-playwright-results-2 Expired
1.09 MB
react-showcase-playwright-results-3 Expired
1.02 MB
react-showcase-playwright-results-5 Expired
919 KB
snapshots-showcases Expired
10.1 MB
vue-showcase-playwright-results-1 Expired
911 KB
vue-showcase-playwright-results-2 Expired
1.1 MB
vue-showcase-playwright-results-3 Expired
1.02 MB
vue-showcase-playwright-results-5 Expired
934 KB