Skip to content

refactor: changed to DB Screen Flex (variable font) #10536

refactor: changed to DB Screen Flex (variable font)

refactor: changed to DB Screen Flex (variable font) #10536

Triggered via pull request March 26, 2024 08:09
Status Failure
Total duration 20m 33s
Artifacts 19

default.yml

on: pull_request
build-packages  /  Build Packages
47s
build-packages / Build Packages
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
2m 51s
test-foundations / 🧪🎭 - foundations
build-showcases  /  Build Showcases
1m 59s
build-showcases / Build Showcases
build-outputs  /  Build outputs
50s
build-outputs / Build outputs
Matrix: test-showcases / playwright-showcases
checks-done
0s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots
7m 36s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

134 errors, 22 warnings, and 12 notices
[chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-0e0…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-0e0…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-9b8…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-9b8…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: output/react/src/components/alert/alert.spec.tsx#L22
3) [chromium] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ──────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
[chromium] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: output/react/src/components/alert/alert.spec.tsx#L22
3) [chromium] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium-retry1/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium-retry1/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
[chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical: output/react/src/components/alert/alert.spec.tsx#L34
4) [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical: output/react/src/components/alert/alert.spec.tsx#L34
4) [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational: output/react/src/components/alert/alert.spec.tsx#L34
5) [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational: output/react/src/components/alert/alert.spec.tsx#L34
5) [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
test-components / 🧪🎭 - react:1/3
Process completed with exit code 1.
test-foundations / 🧪🎭 - foundations
Process completed with exit code 1.
[mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-72e…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-72e…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-bad…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-bad…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: output/react/src/components/alert/alert.spec.tsx#L22
3) [mobile_chrome] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ─────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
[mobile_chrome] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: output/react/src/components/alert/alert.spec.tsx#L22
3) [mobile_chrome] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome-retry1/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome-retry1/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical: output/react/src/components/alert/alert.spec.tsx#L34
4) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical: output/react/src/components/alert/alert.spec.tsx#L34
4) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational: output/react/src/components/alert/alert.spec.tsx#L34
5) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational: output/react/src/components/alert/alert.spec.tsx#L34
5) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
test-components / 🧪🎭 - react:3/3
Process completed with exit code 1.
test-components / 🧪🎭 - vue:1/3
Process completed with exit code 1.
[chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ──────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-887…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-887…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-955…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-955…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot: output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [chromium] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ──────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
[chromium] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot: output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [chromium] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium-retry1/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-chromium-retry1/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
[chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
4) [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
4) [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-chromium-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
5) [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
5) [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-chromium-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
test-components / 🧪🎭 - vue:3/3
Process completed with exit code 1.
[mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ─── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 120 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 120 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-6b1…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-6b1…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-a82…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-a82…>…</details> - 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 - 38 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot: output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [mobile_chrome] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ─────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
[mobile_chrome] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot: output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [mobile_chrome] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome-retry1/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome-retry1/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 38 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
[mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
4) [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
4) [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 44 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 44 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
5) [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
5) [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 7613 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7613 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 - 7613 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7613 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7613 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 - 7613 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBLink › should match screenshot: showcases/e2e/default.ts#L40
2) [webkit] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── Error: Screenshot comparison failed: 2241 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2241 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 - 2241 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBLink › should match screenshot: showcases/e2e/default.ts#L40
2) [webkit] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2241 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2241 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 - 2241 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L40
3) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── Error: Screenshot comparison failed: 4641 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4641 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 - 4641 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L40
3) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4641 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4641 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 - 4641 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBSection › should match screenshot: showcases/e2e/default.ts#L40
4) [webkit] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 980 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 980 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 - 980 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBSection › should match screenshot: showcases/e2e/default.ts#L40
4) [webkit] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 980 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 980 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 - 980 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTab › should match screenshot: showcases/e2e/default.ts#L40
5) [webkit] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── Error: Screenshot comparison failed: 4812 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4812 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 - 4812 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTab › should match screenshot: showcases/e2e/default.ts#L40
5) [webkit] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4812 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4812 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 - 4812 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
test-showcases / 🧪🎭 - react:2/2
Process completed with exit code 1.
test-showcases / 🧪🎭 - vue:2/2
Process completed with exit code 1.
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 7834 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7834 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 - 7834 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7834 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7834 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 - 7834 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBLink › should match screenshot: showcases/e2e/default.ts#L40
2) [webkit] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── Error: Screenshot comparison failed: 2241 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2241 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 - 2241 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBLink › should match screenshot: showcases/e2e/default.ts#L40
2) [webkit] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2241 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2241 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 - 2241 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L40
3) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── Error: Screenshot comparison failed: 4641 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4641 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 - 4641 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L40
3) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4641 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4641 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 - 4641 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBSection › should match screenshot: showcases/e2e/default.ts#L40
4) [webkit] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 980 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 980 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 - 980 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBSection › should match screenshot: showcases/e2e/default.ts#L40
4) [webkit] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 980 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/section-showcase-section-DBSection-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 980 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 - 980 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTab › should match screenshot: showcases/e2e/default.ts#L40
5) [webkit] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── Error: Screenshot comparison failed: 4812 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4812 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 - 4812 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTab › should match screenshot: showcases/e2e/default.ts#L40
5) [webkit] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4812 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4812 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 - 4812 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 7834 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7834 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 - 7834 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7834 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7834 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 - 7834 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBLink › should match screenshot: showcases/e2e/default.ts#L40
2) [webkit] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── Error: Screenshot comparison failed: 2241 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2241 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 - 2241 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBLink › should match screenshot: showcases/e2e/default.ts#L40
2) [webkit] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2241 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2241 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 - 2241 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L40
3) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── Error: Screenshot comparison failed: 4641 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4641 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 - 4641 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot: showcases/e2e/default.ts#L40
3) [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4641 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-item-showcase-navigation-item-DBNavigationItem-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4641 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 - 4641 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTab › should match screenshot: showcases/e2e/default.ts#L40
4) [webkit] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── Error: Screenshot comparison failed: 4538 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4538 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 - 4538 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTab › should match screenshot: showcases/e2e/default.ts#L40
4) [webkit] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4538 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab/showcase/webkit/regular/neutral/DBTab-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/tab-showcase-tab-DBTab-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4538 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 - 4538 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTabs › should match screenshot: showcases/e2e/default.ts#L40
5) [webkit] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────────── Error: Screenshot comparison failed: 8876 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/webkit/regular/neutral/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/tabs-showcase-tabs-DBTabs-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/tabs-showcase-tabs-DBTabs-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 8876 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 - 8876 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBTabs › should match screenshot: showcases/e2e/default.ts#L40
5) [webkit] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 8876 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/webkit/regular/neutral/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/tabs-showcase-tabs-DBTabs-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/tabs-showcase-tabs-DBTabs-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 8876 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 - 8876 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
test-showcases / 🧪🎭 - angular:2/2
Process completed with exit code 1.
[firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───────── Error: Screenshot comparison failed: 231 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 231 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-21c…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-21c…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-47d…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-47d…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: output/react/src/components/alert/alert.spec.tsx#L22
3) [firefox] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ───────────────────── Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
[firefox] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: output/react/src/components/alert/alert.spec.tsx#L22
3) [firefox] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox-retry1/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox-retry1/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
[firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical: output/react/src/components/alert/alert.spec.tsx#L34
4) [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical: output/react/src/components/alert/alert.spec.tsx#L34
4) [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational: output/react/src/components/alert/alert.spec.tsx#L34
5) [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
[firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational: output/react/src/components/alert/alert.spec.tsx#L34
5) [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
test-components / 🧪🎭 - react:2/3
Process completed with exit code 1.
test-showcases / 🧪🎭 - vue:1/2
Process completed with exit code 1.
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 4997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4997 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 - 4997 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4997 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 - 4997 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────────── Error: Screenshot comparison failed: 4043 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4043 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 - 4043 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4043 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4043 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 - 4043 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAlert › should match screenshot: showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 9555 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9555 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 - 9555 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAlert › should match screenshot: showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 9555 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9555 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 - 9555 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBBadge › should match screenshot: showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 16851 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16851 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 - 16851 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBBadge › should match screenshot: showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 16851 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16851 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 - 16851 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBButton › should match screenshot: showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 10032 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10032 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 - 10032 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBButton › should match screenshot: showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 10032 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10032 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 - 10032 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───────── Error: Screenshot comparison failed: 231 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 231 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 231 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-99a…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-99a…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-01d…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-01d…>…</details> - 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 - 64 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot: output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [firefox] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ───────────────────── Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
[firefox] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot: output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [firefox] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 64 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox-retry1/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-firefox-retry1/DBAlert-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert">…</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 - 64 pixels (ratio 0.01 of all image pixels) are different. 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
[firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
4) [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
4) [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-critical.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-firefox-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="critical">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
5) [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
[firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational: output/vue/vue3/src/components/alert/alert.spec.tsx#L34
5) [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 63 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/component/firefox/DBAlert-should-match-screenshot-for-variant-informational.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-firefox-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-alert" data-variant="informational">…</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 - 63 pixels (ratio 0.01 of all image pixels) are different. 32 | <DBAlert variant={variant}>Test</DBAlert> 33 | ); > 34 | await expect(component).toHaveScreenshot(); | ^ 35 | }); 36 | } 37 | }; at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:34:28
test-components / 🧪🎭 - vue:2/3
Process completed with exit code 1.
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 4997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4997 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 - 4997 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4997 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 - 4997 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────────── Error: Screenshot comparison failed: 4043 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4043 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 - 4043 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4043 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4043 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 - 4043 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAlert › should match screenshot: showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 9555 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9555 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 - 9555 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAlert › should match screenshot: showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 9555 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9555 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 - 9555 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBBadge › should match screenshot: showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 16851 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16851 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 - 16851 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBBadge › should match screenshot: showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 16851 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16851 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 - 16851 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBButton › should match screenshot: showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 10032 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10032 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 - 10032 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBButton › should match screenshot: showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 10032 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10032 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 - 10032 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
test-showcases / 🧪🎭 - react:1/2
Process completed with exit code 1.
test-showcases / 🧪🎭 - angular:1/2
Process completed with exit code 1.
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 4997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4997 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 - 4997 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordion › should match screenshot: showcases/e2e/default.ts#L40
1) [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-showcase-accordion-DBAccordion-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4997 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 - 4997 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────────── Error: Screenshot comparison failed: 4043 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4043 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 - 4043 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot: showcases/e2e/default.ts#L40
2) [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4043 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-showcase-accordion-item-DBAccordionItem-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4043 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 - 4043 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAlert › should match screenshot: showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 9555 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9555 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 - 9555 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBAlert › should match screenshot: showcases/e2e/default.ts#L40
3) [chromium] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 9555 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/alert-showcase-alert-DBAlert-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9555 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 - 9555 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBBadge › should match screenshot: showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: 16851 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16851 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 - 16851 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBBadge › should match screenshot: showcases/e2e/default.ts#L40
4) [chromium] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 16851 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-showcase-badge-DBBadge-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 16851 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 - 16851 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBButton › should match screenshot: showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: 10032 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10032 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 - 10032 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[chromium] › default.ts:13:4 › DBButton › should match screenshot: showcases/e2e/default.ts#L40
5) [chromium] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 10032 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-showcase-button-DBButton-should-match-screenshot-chromium-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10032 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 - 10032 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [tonality, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
checks-done
Process completed with exit code 1.
scan-secrets / TruffleHog
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
build-showcases / Build Showcases
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
Slow Test: [mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 1.1m
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 59.0s
Slow Test: [mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 48.4s
Slow Test: [mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 1.2m
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 1.0m
Slow Test: [mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 49.5s
Slow Test: [mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 1.2m
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 59.1s
Slow Test: [mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 55.8s
Slow Test: output/react/[firefox] › card/card.spec.tsx#L1
output/react/[firefox] › card/card.spec.tsx took 24.4s
Slow Test: [firefox] › default.ts#L1
[firefox] › default.ts took 1.6m
Slow Test: [chromium] › default.ts#L1
[chromium] › default.ts took 1.3m
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 42.2s
Slow Test: output/vue/vue3/[firefox] › card/card.spec.tsx#L1
output/vue/vue3/[firefox] › card/card.spec.tsx took 24.9s
Slow Test: [firefox] › default.ts#L1
[firefox] › default.ts took 1.5m
Slow Test: [chromium] › default.ts#L1
[chromium] › default.ts took 1.3m
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 41.1s
Slow Test: [firefox] › default.ts#L1
[firefox] › default.ts took 1.6m
Slow Test: [chromium] › default.ts#L1
[chromium] › default.ts took 1.5m
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 33.8s
🎭 Playwright Run Summary
41 failed [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───────── [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [chromium] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ───────────────────── [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant warning ─ [chromium] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant successful [chromium] › badge/badge.spec.tsx:16:6 › DBBadge › should match screenshot ───────────────────── [chromium] › brand/brand.spec.tsx:35:6 › DBBrand › should match screenshot ───────────────────── [chromium] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant outlined [chromium] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant primary [chromium] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant solid [chromium] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant text ─ [chromium] › card/card.spec.tsx:29:6 › DBCard › should match screenshot ──────────────────────── [chromium] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral [chromium] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral-strong [chromium] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant primary [chromium] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant critical [chromium] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant successful [chromium] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant warning [chromium] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant informational [chromium] › card/card.spec.tsx:50:7 › DBCard › should match screenshot for variant interactive [chromium] › checkbox/checkbox.spec.tsx:16:6 › DBCheckbox › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant critical [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant informational [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant warning [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant successful [chromium] › main-navigation/main-navigation.spec.tsx:24:6 › DBMainNavigation › should match screenshot [chromium] › navigation-item/navigation-item.spec.tsx:28:6 › DBNavigationItem › should match screenshot [chromium] › popover/popover.spec.tsx:24:6 › DBPopover › should match screenshot ─────────────── [chromium] › radio/radio.spec.tsx:16:6 › DBRadio › should match screenshot ───────────────────── [chromium] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ────────────────── [chromium] › tabs/tabs.spec.tsx:45:6 › DBTabs › should match screenshot ──────────────────────── [chromium] › tag/tag.spec.tsx:16:6 › DBTag › should match screenshot ─────────────────────────── [chromium] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant critical ────── [chromium] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant informational ─ [chromium] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant warning ─────── [chromium] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant successful ──── [chromium] › textarea/textarea.spec
🎭 Playwright Run Summary
41 failed [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──── [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [mobile_chrome] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ──────────────── [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant warning [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant successful [mobile_chrome] › badge/badge.spec.tsx:16:6 › DBBadge › should match screenshot ──────────────── [mobile_chrome] › brand/brand.spec.tsx:35:6 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant outlined [mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant primary [mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant solid [mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant text [mobile_chrome] › card/card.spec.tsx:29:6 › DBCard › should match screenshot ─────────────────── [mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral [mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral-strong [mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant primary [mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant critical [mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant successful [mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant warning [mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant informational [mobile_chrome] › card/card.spec.tsx:50:7 › DBCard › should match screenshot for variant interactive [mobile_chrome] › checkbox/checkbox.spec.tsx:16:6 › DBCheckbox › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant critical [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant informational [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant warning [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant successful [mobile_chrome] › main-navigation/main-navigation.spec.tsx:24:6 › DBMainNavigation › should match screenshot [mobile_chrome] › navigation-item/navigation-item.spec.tsx:28:6 › DBNavigationItem › should match screenshot [mobile_chrome] › popover/popover.spec.tsx:24:6 › DBPopover › should match screenshot ────────── [mobile_chrome] › radio/radio.spec.tsx:16:6 › DBRadio › should match screenshot ──────────────── [mobile_chrome] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ───────────── [mobile_chrome] › tabs/tabs.spec.tsx:45:6 › DBTabs › should match screenshot ─────────────────── [mobile_chrome] › tag/tag.spec.tsx:16:6 › DBTag › should match screenshot ────────────────────── [mobile_chrome] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant critical ─ [mobile_chrome] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant informational [mobile_chrome] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant warning ── [mobile_chrome] › t
🎭 Playwright Run Summary
41 failed [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───────── [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot [chromium] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ───────────────────── [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant warning ─ [chromium] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant successful [chromium] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ───────────────────── [chromium] › brand/brand.spec.tsx:35:2 › DBBrand › should match screenshot ───────────────────── [chromium] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant outlined [chromium] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant primary [chromium] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant solid [chromium] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant text ─ [chromium] › card/card.spec.tsx:29:2 › DBCard › should match screenshot ──────────────────────── [chromium] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant neutral [chromium] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant neutral-strong [chromium] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant primary [chromium] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant critical [chromium] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant successful [chromium] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant warning [chromium] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant informational [chromium] › card/card.spec.tsx:50:3 › DBCard › should match screenshot for variant interactive [chromium] › checkbox/checkbox.spec.tsx:16:2 › DBCheckbox › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant critical [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant informational [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant warning [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant successful [chromium] › main-navigation/main-navigation.spec.tsx:24:2 › DBMainNavigation › should match screenshot [chromium] › navigation-item/navigation-item.spec.tsx:28:2 › DBNavigationItem › should match screenshot [chromium] › popover/popover.spec.tsx:24:2 › DBPopover › should match screenshot ─────────────── [chromium] › radio/radio.spec.tsx:16:2 › DBRadio › should match screenshot ───────────────────── [chromium] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ────────────────── [chromium] › tabs/tabs.spec.tsx:45:2 › DBTabs › should match screenshot ──────────────────────── [chromium] › tag/tag.spec.tsx:16:2 › DBTag › should match screenshot ─────────────────────────── [chromium] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant critical ────── [chromium] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant informational ─ [chromium] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant warning ─────── [chromium] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant successful ──── [chromium] › textarea/textarea.spec
🎭 Playwright Run Summary
41 failed [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ──── [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot [mobile_chrome] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ──────────────── [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant warning [mobile_chrome] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant successful [mobile_chrome] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ──────────────── [mobile_chrome] › brand/brand.spec.tsx:35:2 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant outlined [mobile_chrome] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant primary [mobile_chrome] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant solid [mobile_chrome] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant text [mobile_chrome] › card/card.spec.tsx:29:2 › DBCard › should match screenshot ─────────────────── [mobile_chrome] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant neutral [mobile_chrome] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant neutral-strong [mobile_chrome] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant primary [mobile_chrome] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant critical [mobile_chrome] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant successful [mobile_chrome] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant warning [mobile_chrome] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant informational [mobile_chrome] › card/card.spec.tsx:50:3 › DBCard › should match screenshot for variant interactive [mobile_chrome] › checkbox/checkbox.spec.tsx:16:2 › DBCheckbox › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant critical [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant informational [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant warning [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant successful [mobile_chrome] › main-navigation/main-navigation.spec.tsx:24:2 › DBMainNavigation › should match screenshot [mobile_chrome] › navigation-item/navigation-item.spec.tsx:28:2 › DBNavigationItem › should match screenshot [mobile_chrome] › popover/popover.spec.tsx:24:2 › DBPopover › should match screenshot ────────── [mobile_chrome] › radio/radio.spec.tsx:16:2 › DBRadio › should match screenshot ──────────────── [mobile_chrome] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ───────────── [mobile_chrome] › tabs/tabs.spec.tsx:45:2 › DBTabs › should match screenshot ─────────────────── [mobile_chrome] › tag/tag.spec.tsx:16:2 › DBTag › should match screenshot ────────────────────── [mobile_chrome] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant critical ─ [mobile_chrome] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant informational [mobile_chrome] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant warning ── [mobile_chrome] › t
🎭 Playwright Run Summary
38 failed [webkit] › default.ts:13:4 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:13:4 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:13:4 › DBTab › should match screenshot ─────────────────────────────────── [webkit] › default.ts:13:4 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBTag › should match screenshot ─────────────────────────────────── [webkit] › default.ts:13:4 › DBTextarea › should match screenshot ────────────────────────────── [mobile_chrome] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:13:4 › DBIcon › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTag › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTextarea › should match screenshot ─────────────────────── [mobile_safari] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────── [mobile_safari] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────── [mobile_safari] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:13:4 › DBIcon › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBInfotext › should match screenshot ─────────────────────── [mobile_safari] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────── [mobile_safari] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────── [mobile_safari] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBTag › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:13:4 › DBTextarea › should match screenshot ─────────────────────── 2 passed (3.7m)
🎭 Playwright Run Summary
38 failed [webkit] › default.ts:13:4 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:13:4 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:13:4 › DBTab › should match screenshot ─────────────────────────────────── [webkit] › default.ts:13:4 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBTag › should match screenshot ─────────────────────────────────── [webkit] › default.ts:13:4 › DBTextarea › should match screenshot ────────────────────────────── [mobile_chrome] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:13:4 › DBIcon › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTag › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTextarea › should match screenshot ─────────────────────── [mobile_safari] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────── [mobile_safari] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────── [mobile_safari] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:13:4 › DBIcon › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBInfotext › should match screenshot ─────────────────────── [mobile_safari] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────── [mobile_safari] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────── [mobile_safari] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBTag › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:13:4 › DBTextarea › should match screenshot ─────────────────────── 2 passed (3.8m)
🎭 Playwright Run Summary
36 failed [webkit] › default.ts:13:4 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:13:4 › DBTab › should match screenshot ─────────────────────────────────── [webkit] › default.ts:13:4 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBTag › should match screenshot ─────────────────────────────────── [webkit] › default.ts:13:4 › DBTextarea › should match screenshot ────────────────────────────── [mobile_chrome] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:13:4 › DBIcon › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTag › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:13:4 › DBTextarea › should match screenshot ─────────────────────── [mobile_safari] › default.ts:13:4 › DBAccordion › should match screenshot ────────────────────── [mobile_safari] › default.ts:13:4 › DBAccordionItem › should match screenshot ────────────────── [mobile_safari] › default.ts:13:4 › DBAlert › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:13:4 › DBInfotext › should match screenshot ─────────────────────── [mobile_safari] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:13:4 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBNavigationItem › should match screenshot ───────────────── [mobile_safari] › default.ts:13:4 › DBSection › should match screenshot ──────────────────────── [mobile_safari] › default.ts:13:4 › DBTab › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:13:4 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:13:4 › DBTag › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:13:4 › DBTextarea › should match screenshot ─────────────────────── 4 passed (3.9m)
🎭 Playwright Run Summary
41 failed [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────── [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [firefox] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ────────────────────── [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical ─ [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant warning ── [firefox] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant successful [firefox] › badge/badge.spec.tsx:16:6 › DBBadge › should match screenshot ────────────────────── [firefox] › brand/brand.spec.tsx:35:6 › DBBrand › should match screenshot ────────────────────── [firefox] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant outlined [firefox] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant primary [firefox] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant solid ─ [firefox] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant text ── [firefox] › card/card.spec.tsx:29:6 › DBCard › should match screenshot ───────────────────────── [firefox] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral [firefox] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral-strong [firefox] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant primary [firefox] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant critical [firefox] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant successful [firefox] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant warning [firefox] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant informational [firefox] › card/card.spec.tsx:50:7 › DBCard › should match screenshot for variant interactive ─ [firefox] › checkbox/checkbox.spec.tsx:16:6 › DBCheckbox › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant critical [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant informational [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant warning [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant successful [firefox] › main-navigation/main-navigation.spec.tsx:24:6 › DBMainNavigation › should match screenshot [firefox] › navigation-item/navigation-item.spec.tsx:28:6 › DBNavigationItem › should match screenshot [firefox] › popover/popover.spec.tsx:24:6 › DBPopover › should match screenshot ──────────────── [firefox] › radio/radio.spec.tsx:16:6 › DBRadio › should match screenshot ────────────────────── [firefox] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ─────────────────── [firefox] › tabs/tabs.spec.tsx:45:6 › DBTabs › should match screenshot ───────────────────────── [firefox] › tag/tag.spec.tsx:16:6 › DBTag › should match screenshot ──────────────────────────── [firefox] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant critical ─────── [firefox] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant informational ── [firefox] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant warning ──────── [firefox] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant successful ───── [firefox] › textarea/textarea.spec.tsx:16:6 › DBTexta
🎭 Playwright Run Summary
37 failed [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:13:4 › DBAlert › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:13:4 › DBIcon › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:13:4 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:13:4 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:13:4 › DBTab › should match screenshot ───────────────────────────────── [chromium] › default.ts:13:4 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBTag › should match screenshot ───────────────────────────────── [chromium] › default.ts:13:4 › DBTextarea › should match screenshot ──────────────────────────── [firefox] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────────── [firefox] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────────── [firefox] › default.ts:13:4 › DBAlert › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:13:4 › DBIcon › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────────── [firefox] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── [firefox] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:13:4 › DBTextarea › should match screenshot ───────────────────────────── [webkit] › default.ts:13:4 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:13:4 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:13:4 › DBAlert › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:13:4 › DBIcon › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBInfotext › should match screenshot ────────────────────────────── 3 passed (4.7m)
🎭 Playwright Run Summary
41 failed [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ────────── [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot [firefox] › alert/alert.spec.tsx:20:2 › DBAlert › should match screenshot ────────────────────── [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant critical ─ [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant informational [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant warning ── [firefox] › alert/alert.spec.tsx:28:3 › DBAlert › should match screenshot for variant successful [firefox] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ────────────────────── [firefox] › brand/brand.spec.tsx:35:2 › DBBrand › should match screenshot ────────────────────── [firefox] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant outlined [firefox] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant primary [firefox] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant solid ─ [firefox] › button/button.spec.tsx:19:3 › DBButton › should match screenshot for variant text ── [firefox] › card/card.spec.tsx:29:2 › DBCard › should match screenshot ───────────────────────── [firefox] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant neutral [firefox] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant neutral-strong [firefox] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant primary [firefox] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant critical [firefox] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant successful [firefox] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant warning [firefox] › card/card.spec.tsx:37:3 › DBCard › should match screenshot for color variant informational [firefox] › card/card.spec.tsx:50:3 › DBCard › should match screenshot for variant interactive ─ [firefox] › checkbox/checkbox.spec.tsx:16:2 › DBCheckbox › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant critical [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant informational [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant warning [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for variant successful [firefox] › main-navigation/main-navigation.spec.tsx:24:2 › DBMainNavigation › should match screenshot [firefox] › navigation-item/navigation-item.spec.tsx:28:2 › DBNavigationItem › should match screenshot [firefox] › popover/popover.spec.tsx:24:2 › DBPopover › should match screenshot ──────────────── [firefox] › radio/radio.spec.tsx:16:2 › DBRadio › should match screenshot ────────────────────── [firefox] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ─────────────────── [firefox] › tabs/tabs.spec.tsx:45:2 › DBTabs › should match screenshot ───────────────────────── [firefox] › tag/tag.spec.tsx:16:2 › DBTag › should match screenshot ──────────────────────────── [firefox] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant critical ─────── [firefox] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant informational ── [firefox] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant warning ──────── [firefox] › tag/tag.spec.tsx:24:3 › DBTag › should match screenshot for variant successful ───── [firefox] › textarea/textarea.spec.tsx:16:2 › DBTexta
🎭 Playwright Run Summary
37 failed [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:13:4 › DBAlert › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:13:4 › DBIcon › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:13:4 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:13:4 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:13:4 › DBTab › should match screenshot ───────────────────────────────── [chromium] › default.ts:13:4 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBTag › should match screenshot ───────────────────────────────── [chromium] › default.ts:13:4 › DBTextarea › should match screenshot ──────────────────────────── [firefox] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────────── [firefox] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────────── [firefox] › default.ts:13:4 › DBAlert › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:13:4 › DBIcon › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────────── [firefox] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── [firefox] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:13:4 › DBTextarea › should match screenshot ───────────────────────────── [webkit] › default.ts:13:4 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:13:4 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:13:4 › DBAlert › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:13:4 › DBIcon › should match screenshot ────────────────────────────────── [webkit] › default.ts:13:4 › DBInfotext › should match screenshot ────────────────────────────── 3 passed (4.7m)
🎭 Playwright Run Summary
34 failed [chromium] › default.ts:13:4 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:13:4 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:13:4 › DBAlert › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:13:4 › DBIcon › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:13:4 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:13:4 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:13:4 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:13:4 › DBTab › should match screenshot ───────────────────────────────── [chromium] › default.ts:13:4 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:13:4 › DBTag › should match screenshot ───────────────────────────────── [chromium] › default.ts:13:4 › DBTextarea › should match screenshot ──────────────────────────── [firefox] › default.ts:13:4 › DBAccordion › should match screenshot ──────────────────────────── [firefox] › default.ts:13:4 › DBAccordionItem › should match screenshot ──────────────────────── [firefox] › default.ts:13:4 › DBAlert › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:13:4 › DBIcon › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:13:4 › DBSection › should match screenshot ────────────────────────────── [firefox] › default.ts:13:4 › DBTab › should match screenshot ────────────────────────────────── [firefox] › default.ts:13:4 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:13:4 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:13:4 › DBTextarea › should match screenshot ───────────────────────────── [webkit] › default.ts:13:4 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:13:4 › DBAlert › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:13:4 › DBButton › should match screenshot ──────────────────────────────── 6 passed (4.8m)

Artifacts

Produced during runtime
Name Size
__snapshots__ Expired
7.22 MB
angular-showcase-playwright-results-1 Expired
38.3 MB
angular-showcase-playwright-results-2 Expired
43.1 MB
db-ui-components-build Expired
274 KB
db-ui-foundations-build Expired
70.7 KB
db-ui-output Expired
335 KB
db-ui-outputs Expired
3.14 MB
db-ui-showcases Expired
8.84 MB
foundations-playwright-results Expired
15.8 MB
react-components-playwright-results-1 Expired
10.2 MB
react-components-playwright-results-2 Expired
10.5 MB
react-components-playwright-results-3 Expired
10.3 MB
react-showcase-playwright-results-1 Expired
41.2 MB
react-showcase-playwright-results-2 Expired
44.5 MB
vue-components-playwright-results-1 Expired
10.2 MB
vue-components-playwright-results-2 Expired
10.4 MB
vue-components-playwright-results-3 Expired
10.2 MB
vue-showcase-playwright-results-1 Expired
41.1 MB
vue-showcase-playwright-results-2 Expired
44.2 MB