Skip to content

feat: align properties with Figma to have a nearly 1:1 relationship #14974

feat: align properties with Figma to have a nearly 1:1 relationship

feat: align properties with Figma to have a nearly 1:1 relationship #14974

Triggered via pull request November 13, 2024 12:15
Status Cancelled
Total duration 17m 43s
Artifacts 41

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
20s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 10s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
build-showcase-patternhub  /  Build Patternhub
1m 55s
build-showcase-patternhub / Build Patternhub
build-showcase-react  /  Build Showcase react-showcase
28s
build-showcase-react / Build Showcase react-showcase
build-showcase-angular  /  Build Showcase angular-showcase
46s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-stencil  /  Build Showcase stencil-showcase
46s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-vue  /  Build Showcase vue-showcase
36s
build-showcase-vue / Build Showcase vue-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 15s
test-foundations / 🧪🎭 - foundations
build-outputs  /  Build outputs
1m 4s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
51s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
1m 5s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
42s
build-showcase-nuxt / Build Showcase nuxt-showcase
Matrix: test-showcase-patternhub / playwright-showcases
Matrix: test-showcase-react / playwright-showcases
Matrix: test-screen-reader / playwright-screen-reader
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-components  /  🧪🎭 - Regenerate snapshots components
3m 24s
regenerate-snapshots-components / 🧪🎭 - Regenerate snapshots components
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
4m 51s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

296 errors, 21 warnings, and 28 notices
[mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot: output/react/src/components/brand/brand.spec.tsx#L17
1) [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ─────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27
[mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot: output/react/src/components/brand/brand.spec.tsx#L17
1) [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L43
2) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L43
2) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand: output/react/src/components/button/button.spec.tsx#L43
3) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand: output/react/src/components/button/button.spec.tsx#L43
3) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled: output/react/src/components/button/button.spec.tsx#L43
4) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled: output/react/src/components/button/button.spec.tsx#L43
4) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost: output/react/src/components/button/button.spec.tsx#L43
5) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost: output/react/src/components/button/button.spec.tsx#L43
5) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
test-components / 🧪🎭 - react:3/3
Process completed with exit code 1.
[chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot: output/react/src/components/brand/brand.spec.tsx#L17
1) [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27
[chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot: output/react/src/components/brand/brand.spec.tsx#L17
1) [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L43
2) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L43
2) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand: output/react/src/components/button/button.spec.tsx#L43
3) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─ Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand: output/react/src/components/button/button.spec.tsx#L43
3) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled: output/react/src/components/button/button.spec.tsx#L43
4) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled: output/react/src/components/button/button.spec.tsx#L43
4) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost: output/react/src/components/button/button.spec.tsx#L43
5) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ─ Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost: output/react/src/components/button/button.spec.tsx#L43
5) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
test-components / 🧪🎭 - react:1/3
Process completed with exit code 1.
test-components / 🧪🎭 - vue:1/3
Process completed with exit code 1.
[chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot: output/vue/src/components/brand/brand.spec.tsx#L17
1) [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27
[chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot: output/vue/src/components/brand/brand.spec.tsx#L17
1) [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L43
2) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L43
2) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand: output/vue/src/components/button/button.spec.tsx#L43
3) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─ Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand: output/vue/src/components/button/button.spec.tsx#L43
3) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled: output/vue/src/components/button/button.spec.tsx#L43
4) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled: output/vue/src/components/button/button.spec.tsx#L43
4) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-chromium-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost: output/vue/src/components/button/button.spec.tsx#L43
5) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ─ Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost: output/vue/src/components/button/button.spec.tsx#L43
5) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-chromium-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
test-components / 🧪🎭 - vue:3/3
Process completed with exit code 1.
[mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot: output/vue/src/components/brand/brand.spec.tsx#L17
1) [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ─────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27
[mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot: output/vue/src/components/brand/brand.spec.tsx#L17
1) [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 569 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L43
2) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L43
2) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand: output/vue/src/components/button/button.spec.tsx#L43
3) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand: output/vue/src/components/button/button.spec.tsx#L43
3) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled: output/vue/src/components/button/button.spec.tsx#L43
4) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled: output/vue/src/components/button/button.spec.tsx#L43
4) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost: output/vue/src/components/button/button.spec.tsx#L43
5) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost: output/vue/src/components/button/button.spec.tsx#L43
5) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot: output/vue/src/components/brand/brand.spec.tsx#L17
1) [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27
[firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot: output/vue/src/components/brand/brand.spec.tsx#L17
1) [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L43
2) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L43
2) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand: output/vue/src/components/button/button.spec.tsx#L43
3) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand: output/vue/src/components/button/button.spec.tsx#L43
3) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled: output/vue/src/components/button/button.spec.tsx#L43
4) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ─ Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled: output/vue/src/components/button/button.spec.tsx#L43
4) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost: output/vue/src/components/button/button.spec.tsx#L43
5) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost: output/vue/src/components/button/button.spec.tsx#L43
5) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28
test-components / 🧪🎭 - vue:2/3
Process completed with exit code 1.
[firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot: output/react/src/components/brand/brand.spec.tsx#L17
1) [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27
[firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot: output/react/src/components/brand/brand.spec.tsx#L17
1) [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div data-icon="db" class="db-brand" data-hide-icon="true">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 390px by 40px, received 390px by 24px. 477 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L43
2) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L43
2) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="outlined">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand: output/react/src/components/button/button.spec.tsx#L43
3) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand: output/react/src/components/button/button.spec.tsx#L43
3) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 49 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 49 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="brand" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 49 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled: output/react/src/components/button/button.spec.tsx#L43
4) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ─ Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled: output/react/src/components/button/button.spec.tsx#L43
4) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-hide-icon="true" data-variant="filled">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost: output/react/src/components/button/button.spec.tsx#L43
5) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
[firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost: output/react/src/components/button/button.spec.tsx#L43
5) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-ghost.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-27f13-have-icon-for-variant-ghost-firefox-retry1/DBButton-should-only-have-icon-for-variant-ghost-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-icon="person" data-no-text="true" data-variant="ghost" data-hide-icon="true">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.04 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28
test-components / 🧪🎭 - react:2/3
Process completed with exit code 1.
test-showcase-react / 🧪🎭 - react-showcase:5/6
Process completed with exit code 1.
[mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 6974 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6974 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6974 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6974 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6974 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6974 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 1626 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1626 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 - 1626 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
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1626 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1626 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 - 1626 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
[mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 11095 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11095 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11095 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11095 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11095 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11095 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/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 - 331 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 - 331 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
[mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 331 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 - 331 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
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
Process completed with exit code 1.
[mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 6974 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6974 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6974 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6974 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6974 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6974 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 1626 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1626 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 - 1626 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
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1626 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1626 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 - 1626 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
[mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 11095 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11095 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11095 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11095 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11095 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11095 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome/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 - 331 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 - 331 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
[mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-chrome-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 331 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 - 331 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
test-showcase-react / 🧪🎭 - react-showcase:6/6
Process completed with exit code 1.
[mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 312 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 312 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 312 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 312 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 312 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 312 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 7770 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7770 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 7770 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7770 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7770 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 7770 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 1886 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1886 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1886 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1886 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1886 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1886 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 11865 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11865 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11865 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11865 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11865 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11865 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 270 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 270 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 270 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 270 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 270 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 270 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
Process completed with exit code 1.
[mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 312 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 312 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 312 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 312 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 312 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 312 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 7770 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7770 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 7770 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7770 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7770 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 7770 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 1886 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1886 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1886 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1886 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1886 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1886 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 11865 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11865 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11865 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11865 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11865 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11865 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 270 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 270 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 270 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 270 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-mobile-safari-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 270 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 270 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[webkit] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 306 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 306 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 - 306 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
[webkit] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 306 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 306 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 - 306 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
[webkit] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 6579 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6579 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 - 6579 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
[webkit] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6579 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6579 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 - 6579 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
[webkit] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 2066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2066 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 - 2066 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
[webkit] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2066 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 - 2066 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
[webkit] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 23775 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 23775 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 - 23775 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
[webkit] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 23775 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 23775 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 - 23775 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
[webkit] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 264 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-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 - 264 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 - 264 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
[webkit] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 264 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 264 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 - 264 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
test-showcase-react / 🧪🎭 - react-showcase:4/6
Process completed with exit code 1.
[webkit] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 306 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 306 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 - 306 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
[webkit] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 306 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 306 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 - 306 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
[webkit] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 6579 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6579 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 - 6579 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
[webkit] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6579 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6579 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 - 6579 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
[webkit] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 2066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2066 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 - 2066 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
[webkit] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2066 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 - 2066 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
[webkit] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 23776 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 23776 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 - 23776 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
[webkit] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 23776 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-webkit-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 23776 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 - 23776 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
[webkit] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 264 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-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 - 264 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 - 264 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
[webkit] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 264 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 264 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 - 264 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
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
Process completed with exit code 1.
[chromium] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[chromium] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[chromium] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 6000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6000 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 - 6000 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
[chromium] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6000 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 - 6000 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
[chromium] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 1805 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1805 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 - 1805 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
[chromium] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1805 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1805 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 - 1805 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
[chromium] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 22682 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 22682 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 - 22682 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
[chromium] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 22682 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 22682 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 - 22682 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
[chromium] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/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 - 331 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 - 331 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
[chromium] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 331 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 - 331 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
test-showcase-react / 🧪🎭 - react-showcase:1/6
Process completed with exit code 1.
[chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ───────────────── Error: Screenshot comparison failed: 444 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 444 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 - 444 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
[chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 444 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 444 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 - 444 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
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ───────────────── Error: Screenshot comparison failed: 6162 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6162 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 - 6162 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
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6162 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6162 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 - 6162 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
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Error: Screenshot comparison failed: 1855 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1855 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 - 1855 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
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1855 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1855 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 - 1855 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
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ──────────────── Error: Screenshot comparison failed: 26534 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26534 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 - 26534 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
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 26534 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26534 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 - 26534 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
[chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ───────────────── Error: Screenshot comparison failed: 329 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/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 - 329 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 - 329 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
[chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 329 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 329 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 - 329 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
test-showcase-react / 🧪🎭 - react-showcase:2/6
Process completed with exit code 1.
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
Process completed with exit code 1.
[chromium] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[chromium] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 402 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 402 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 - 402 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
[chromium] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 6000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6000 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 - 6000 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
[chromium] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6000 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 - 6000 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
[chromium] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 1805 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1805 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 - 1805 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
[chromium] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1805 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1805 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 - 1805 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
[chromium] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 22682 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 22682 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 - 22682 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
[chromium] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 22682 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 22682 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 - 22682 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
[chromium] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium/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 - 331 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 - 331 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
[chromium] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 331 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 331 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 - 331 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
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
Process completed with exit code 1.
[chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ───────────────── Error: Screenshot comparison failed: 444 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 444 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 - 444 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
[chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 444 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 444 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 - 444 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
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ───────────────── Error: Screenshot comparison failed: 6162 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6162 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 - 6162 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
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6162 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6162 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 - 6162 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
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Error: Screenshot comparison failed: 1855 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1855 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 - 1855 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
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1855 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1855 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 - 1855 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
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ──────────────── Error: Screenshot comparison failed: 26534 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26534 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 - 26534 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
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 26534 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26534 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 - 26534 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
[chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ───────────────── Error: Screenshot comparison failed: 329 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast/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 - 329 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 - 329 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
[chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 329 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-chromium-highContrast-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 329 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 - 329 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
[firefox] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 313 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 313 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 - 313 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
[firefox] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 313 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 313 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 - 313 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
[firefox] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 4925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4925 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 - 4925 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
[firefox] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4925 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 - 4925 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
[firefox] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 1595 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1595 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 - 1595 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
[firefox] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1595 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1595 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 - 1595 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
[firefox] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 19406 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19406 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 - 19406 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
[firefox] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 19406 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19406 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 - 19406 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
[firefox] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 246 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/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 - 246 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 - 246 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
[firefox] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 246 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 246 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 - 246 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
test-showcase-react / 🧪🎭 - react-showcase:3/6
Process completed with exit code 1.
[firefox] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 313 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 313 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 - 313 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
[firefox] › default.ts:79:2 › DBBadge › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 313 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 313 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 - 313 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
[firefox] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 4925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4925 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 - 4925 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
[firefox] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4925 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 - 4925 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
[firefox] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 1595 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1595 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 - 1595 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
[firefox] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1595 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1595 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 - 1595 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
[firefox] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 19406 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19406 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 - 19406 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
[firefox] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 19406 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19406 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 - 19406 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
[firefox] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 246 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox/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 - 246 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 - 246 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
[firefox] › default.ts:79:2 › DBInput › should match screenshot: showcases/e2e/default.ts#L111
5) [firefox] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 246 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-firefox-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 246 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 - 246 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
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
Process completed with exit code 1.
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 7770 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7770 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 7770 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7770 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7770 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 7770 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 1886 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1886 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1886 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1886 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1886 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1886 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 11865 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11865 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11865 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11865 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-safari-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11865 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11865 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 2022 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/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 - 2022 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 - 2022 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
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2022 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-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 - 2022 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 - 2022 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
[mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ────────────────── Error: Screenshot comparison failed: 20107 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-safari/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-safari/DBNotification-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 - 20107 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 20107 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20107 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-safari-retry1/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-safari-retry1/DBNotification-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 - 20107 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 20107 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
Process completed with exit code 1.
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
Process completed with exit code 1.
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ───────────────── Error: Screenshot comparison failed: 6162 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6162 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 - 6162 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
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6162 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6162 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 - 6162 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
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Error: Screenshot comparison failed: 1855 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1855 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 - 1855 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
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1855 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1855 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 - 1855 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
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ──────────────── Error: Screenshot comparison failed: 26534 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26534 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 - 26534 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
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 26534 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 26534 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 - 26534 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
[chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ────────────────── Error: Screenshot comparison failed: 1624 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast/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 - 1624 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 - 1624 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
[chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1624 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast-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 - 1624 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 - 1624 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
[chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ────────── Error: Screenshot comparison failed: 19180 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/chromium-highContrast/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-chromium-highContrast/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-chromium-highContrast/DBNotification-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 - 19180 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 - 19180 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
[chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 19180 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/chromium-highContrast/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-chromium-highContrast-retry1/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-chromium-highContrast-retry1/DBNotification-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 - 19180 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 - 19180 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
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
Process completed with exit code 1.
[firefox] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: 4925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4925 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 - 4925 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
[firefox] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [firefox] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4925 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4925 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 - 4925 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
[firefox] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 1595 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1595 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 - 1595 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
[firefox] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [firefox] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1595 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1595 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 - 1595 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
[firefox] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 19406 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19406 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 - 19406 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
[firefox] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [firefox] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 19406 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19406 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 - 19406 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
[firefox] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 1335 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox/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 - 1335 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 - 1335 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
[firefox] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [firefox] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1335 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox-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 - 1335 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 - 1335 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
[firefox] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [firefox] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 16036 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox/DBNotification-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 - 16036 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 - 16036 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
[firefox] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [firefox] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 16036 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox-retry1/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox-retry1/DBNotification-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 - 16036 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 - 16036 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
[mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 6974 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6974 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6974 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot: showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6974 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6974 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6974 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 1626 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1626 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 - 1626 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
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot: showcases/e2e/default.ts#L111
2) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1626 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1626 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 - 1626 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
[mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 11095 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11095 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11095 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot: showcases/e2e/default.ts#L111
3) [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11095 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-mobile-chrome-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 11095 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 11095 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22
[mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 1781 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-chrome/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-chrome/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 - 1781 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 - 1781 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
[mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot: showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1781 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-chrome-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-chrome-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 - 1781 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 - 1781 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
[mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ────────────────── Error: Screenshot comparison failed: 16535 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/mobile-chrome/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-chrome/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-chrome/DBNotification-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 - 16535 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 - 16535 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
[mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot: showcases/e2e/default.ts#L111
5) [mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 16535 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/mobile-chrome/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-chrome-retry1/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-mobile-chrome-retry1/DBNotification-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 - 16535 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 - 16535 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
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
Process completed with exit code 1.
test-showcase-patternhub / 🧪🎭 - patternhub:3/6
Process completed with exit code 1.
[chromium] › default.spec.ts:10:2 › tab-item › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › tab-item › properties should match screenshot ───────────── Error: Screenshot comparison failed: 8548 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-properties-should-match-screenshot-chromium/tab-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-properties-should-match-screenshot-chromium/tab-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(tab-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 8548 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 - 8548 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › tab-item › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › tab-item › properties should match screenshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 8548 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-properties-should-match-screenshot-chromium-retry1/tab-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-properties-should-match-screenshot-chromium-retry1/tab-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(tab-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 8548 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 - 8548 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › infotext › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › infotext › properties should match screenshot ───────────── Error: Screenshot comparison failed: 18816 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/patternhub/infotext-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-properties-should-match-screenshot-chromium/infotext/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-properties-should-match-screenshot-chromium/infotext/patternhub-diff.png Call log: - expect.toHaveScreenshot(infotext/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 18816 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 18816 pixels (ratio 0.03 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › infotext › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › infotext › properties should match screenshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 18816 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/patternhub/infotext-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-properties-should-match-screenshot-chromium-retry1/infotext/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-properties-should-match-screenshot-chromium-retry1/infotext/patternhub-diff.png Call log: - expect.toHaveScreenshot(infotext/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 18816 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 18816 pixels (ratio 0.03 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:2/6
Process completed with exit code 1.
[chromium] › default.spec.ts:10:2 › button › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › button › properties should match screenshot ─────────────── Error: Screenshot comparison failed: 7802 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-button-properties-should-match-screenshot-chromium/button/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-button-properties-should-match-screenshot-chromium/button/patternhub-diff.png Call log: - expect.toHaveScreenshot(button/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7802 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 - 7802 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › button › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › button › properties should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7802 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-button-properties-should-match-screenshot-chromium-retry1/button/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-button-properties-should-match-screenshot-chromium-retry1/button/patternhub-diff.png Call log: - expect.toHaveScreenshot(button/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7802 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 - 7802 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › link › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › default.spec.ts:10:2 › link › properties should match screenshot ───────────────── Error: Screenshot comparison failed: 10159 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-link-properties-should-match-screenshot-chromium/link/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-link-properties-should-match-screenshot-chromium/link/patternhub-diff.png Call log: - expect.toHaveScreenshot(link/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10159 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 10159 pixels (ratio 0.02 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › link › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › default.spec.ts:10:2 › link › properties should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 10159 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-link-properties-should-match-screenshot-chromium-retry1/link/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-link-properties-should-match-screenshot-chromium-retry1/link/patternhub-diff.png Call log: - expect.toHaveScreenshot(link/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10159 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 10159 pixels (ratio 0.02 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › brand › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › default.spec.ts:10:2 › brand › overview should match screenshot ────────────────── Error: Screenshot comparison failed: 5815 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium/brand/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium/brand/patternhub-diff.png Call log: - expect.toHaveScreenshot(brand/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5815 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 - 5815 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › brand › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › default.spec.ts:10:2 › brand › overview should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5815 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium-retry1/brand/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium-retry1/brand/patternhub-diff.png Call log: - expect.toHaveScreenshot(brand/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5815 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 - 5815 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › brand › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
4) [chromium] › default.spec.ts:10:2 › brand › properties should match screenshot ──────────────── Error: Screenshot comparison failed: 19040 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/patternhub/brand-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-brand-properties-should-match-screenshot-chromium/brand/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-brand-properties-should-match-screenshot-chromium/brand/patternhub-diff.png Call log: - expect.toHaveScreenshot(brand/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19040 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 19040 pixels (ratio 0.03 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › brand › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
4) [chromium] › default.spec.ts:10:2 › brand › properties should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 19040 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/patternhub/brand-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-brand-properties-should-match-screenshot-chromium-retry1/brand/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-brand-properties-should-match-screenshot-chromium-retry1/brand/patternhub-diff.png Call log: - expect.toHaveScreenshot(brand/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19040 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 19040 pixels (ratio 0.03 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:1/6
Process completed with exit code 1.
[chromium] › default.spec.ts:10:2 › notification › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › notification › overview should match screenshot ─────────── Error: Screenshot comparison failed: 5806 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5806 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 - 5806 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › notification › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › notification › overview should match screenshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5806 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium-retry1/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium-retry1/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5806 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 - 5806 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › notification › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › default.spec.ts:10:2 › notification › properties should match screenshot ───────── Error: Screenshot comparison failed: 5161 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-properties-should-match-screenshot-chromium/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-properties-should-match-screenshot-chromium/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5161 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 - 5161 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › notification › properties should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › default.spec.ts:10:2 › notification › properties should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5161 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-properties-should-match-screenshot-chromium-retry1/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-properties-should-match-screenshot-chromium-retry1/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5161 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 - 5161 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
Process completed with exit code 1.
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
Process completed with exit code 1.
[chromium] › default.spec.ts:10:2 › navigation › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › navigation › overview should match screenshot ───────────── Error: Screenshot comparison failed: 194 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium/navigation/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium/navigation/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 194 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 - 194 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › navigation › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › navigation › overview should match screenshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 194 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium-retry1/navigation/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium-retry1/navigation/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 194 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 - 194 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
The operation was canceled.
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
The operation was canceled.
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
The operation was canceled.
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
The operation was canceled.
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
The operation was canceled.
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
The operation was canceled.
[chromium] › default.spec.ts:10:2 › header › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › header › overview should match screenshot ───────────────── Error: Screenshot comparison failed: 6867 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium/header/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium/header/patternhub-diff.png Call log: - expect.toHaveScreenshot(header/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6867 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 - 6867 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
[chromium] › default.spec.ts:10:2 › header › overview should match screenshot: showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › header › overview should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6867 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium-retry1/header/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium-retry1/header/patternhub-diff.png Call log: - expect.toHaveScreenshot(header/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6867 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 - 6867 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
Process completed with exit code 1.
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
The operation was canceled.
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
The operation was canceled.
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
The operation was canceled.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 2/4
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 2/4
The operation was canceled.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 1/4
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 1/4
The operation was canceled.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 3/4
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 3/4
The operation was canceled.
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 4/4
Canceling since a higher priority waiting request for 'Default Pipeline-refs/pull/3459/merge' exists
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 4/4
The operation was canceled.
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-vue / 🧪🎭 - vue-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-react / 🧪🎭 - react-showcase:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-vue / 🧪🎭 - vue-showcase:4/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-react / 🧪🎭 - react-showcase:2/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-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.
test-showcase-angular / 🧪🎭 - angular-showcase:6/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-angular / 🧪🎭 - angular-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
🎭 Playwright Run Summary
10 failed [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost [mobile_chrome] › notification/notification.spec.tsx:15:6 › DBNotification › should match screenshot [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful 3 skipped 111 passed (55.5s)
🎭 Playwright Run Summary
10 failed [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ─ [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ── [chromium] › notification/notification.spec.tsx:15:6 › DBNotification › should match screenshot [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful 3 skipped 111 passed (55.5s)
🎭 Playwright Run Summary
10 failed [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ─ [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ── [chromium] › notification/notification.spec.tsx:15:2 › DBNotification › should match screenshot [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic critical [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic informational [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic warning [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic successful 3 skipped 111 passed (58.7s)
🎭 Playwright Run Summary
10 failed [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost [mobile_chrome] › notification/notification.spec.tsx:15:2 › DBNotification › should match screenshot [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic critical [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic informational [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic warning [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic successful 3 skipped 111 passed (57.9s)
🎭 Playwright Run Summary
10 failed [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ────────────────────── [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─── [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ── [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ─── [firefox] › notification/notification.spec.tsx:15:2 › DBNotification › should match screenshot ─ [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic critical [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic informational [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic warning [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic successful 3 skipped 111 passed (1.8m)
🎭 Playwright Run Summary
10 failed [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ────────────────────── [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─── [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ── [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ─── [firefox] › notification/notification.spec.tsx:15:6 › DBNotification › should match screenshot ─ [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful 3 skipped 111 passed (1.8m)
🎭 Playwright Run Summary
12 failed [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── 48 skipped 81 passed (2.4m)
🎭 Playwright Run Summary
12 failed [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── 48 skipped 81 passed (2.4m)
🎭 Playwright Run Summary
11 failed [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_safari] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_safari] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── 48 skipped 82 passed (3.3m)
🎭 Playwright Run Summary
11 failed [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_safari] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_safari] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── 48 skipped 82 passed (3.3m)
🎭 Playwright Run Summary
11 failed [webkit] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ──────────────────────────── [webkit] › default.ts:79:2 › DBNotification › should match screenshot ────────────────────────── [webkit] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBTag › should match screenshot ─────────────────────────────────── 48 skipped 82 passed (4.4m)
🎭 Playwright Run Summary
11 failed [webkit] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ──────────────────────────── [webkit] › default.ts:79:2 › DBNotification › should match screenshot ────────────────────────── [webkit] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBTag › should match screenshot ─────────────────────────────────── 48 skipped 82 passed (4.5m)
🎭 Playwright Run Summary
12 failed [chromium] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── [chromium] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── 129 passed (5.4m)
🎭 Playwright Run Summary
12 failed [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ───────────── [chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────── [chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ──────────────────── 129 passed (5.2m)
🎭 Playwright Run Summary
12 failed [chromium] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── [chromium] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── 129 passed (5.1m)
🎭 Playwright Run Summary
12 failed [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ───────────── [chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────── [chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ──────────────────── 129 passed (5.1m)
🎭 Playwright Run Summary
11 failed [firefox] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── 48 skipped 82 passed (6.5m)
🎭 Playwright Run Summary
11 failed [firefox] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── 48 skipped 82 passed (6.4m)
🎭 Playwright Run Summary
6 failed [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_safari] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── 59 skipped 76 passed (2.9m)
🎭 Playwright Run Summary
6 failed [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ──────────────────── 11 skipped 124 passed (5.1m)
🎭 Playwright Run Summary
6 failed [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── 59 skipped 76 passed (4.9m)
🎭 Playwright Run Summary
6 failed [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── 59 skipped 76 passed (2.0m)
🎭 Playwright Run Summary
1 failed [chromium] › default.spec.ts:10:2 › tab-item › properties should match screenshot ────────────── 12 passed (12.6s)
🎭 Playwright Run Summary
1 failed [chromium] › default.spec.ts:10:2 › infotext › properties should match screenshot ────────────── 12 passed (12.9s)
🎭 Playwright Run Summary
4 failed [chromium] › default.spec.ts:10:2 › button › properties should match screenshot ──────────────── [chromium] › default.spec.ts:10:2 › link › properties should match screenshot ────────────────── [chromium] › default.spec.ts:10:2 › brand › overview should match screenshot ─────────────────── [chromium] › default.spec.ts:10:2 › brand › properties should match screenshot ───────────────── 9 passed (21.1s)
🎭 Playwright Run Summary
2 failed [chromium] › default.spec.ts:10:2 › notification › overview should match screenshot ──────────── [chromium] › default.spec.ts:10:2 › notification › properties should match screenshot ────────── 11 passed (16.4s)
🎭 Playwright Run Summary
1 failed [chromium] › default.spec.ts:10:2 › navigation › overview should match screenshot ────────────── 12 passed (12.3s)
🎭 Playwright Run Summary
1 failed [chromium] › default.spec.ts:10:2 › header › overview should match screenshot ────────────────── 12 passed (12.7s)

Artifacts

Produced during runtime
Name Size
angular-showcase-playwright-results-2 Expired
5.48 MB
angular-showcase-playwright-results-3 Expired
7.39 MB
angular-showcase-playwright-results-5 Expired
4.71 MB
angular-showcase-playwright-results-6 Expired
7.12 MB
db-ui-angular-showcase
1.43 MB
db-ui-angular-ssr-showcase
2.14 MB
db-ui-components-build
343 KB
db-ui-foundations-build
256 KB
db-ui-next-showcase
1.5 MB
db-ui-nuxt-showcase
1.97 MB
db-ui-output
415 KB
db-ui-outputs
6.23 MB
db-ui-patternhub
3.67 MB
db-ui-react-showcase
1.34 MB
db-ui-stencil-showcase
1.39 MB
db-ui-vue-showcase
1.31 MB
patternhub-playwright-results-1 Expired
1.94 MB
patternhub-playwright-results-2 Expired
598 KB
patternhub-playwright-results-3 Expired
513 KB
patternhub-playwright-results-4 Expired
988 KB
patternhub-playwright-results-6 Expired
576 KB
react-components-playwright-results-1 Expired
1.46 MB
react-components-playwright-results-2 Expired
1.55 MB
react-components-playwright-results-3 Expired
1.46 MB
react-showcase-playwright-results-1 Expired
10.2 MB
react-showcase-playwright-results-2 Expired
10.2 MB
react-showcase-playwright-results-3 Expired
12.3 MB
react-showcase-playwright-results-4 Expired
13.5 MB
react-showcase-playwright-results-5 Expired
8.72 MB
react-showcase-playwright-results-6 Expired
12.6 MB
snapshots-components Expired
291 KB
snapshots-showcases Expired
9.38 MB
vue-components-playwright-results-1 Expired
1.46 MB
vue-components-playwright-results-2 Expired
1.56 MB
vue-components-playwright-results-3 Expired
1.46 MB
vue-showcase-playwright-results-1 Expired
9.97 MB
vue-showcase-playwright-results-2 Expired
9.68 MB
vue-showcase-playwright-results-3 Expired
12.3 MB
vue-showcase-playwright-results-4 Expired
13.8 MB
vue-showcase-playwright-results-5 Expired
8.77 MB
vue-showcase-playwright-results-6 Expired
13 MB