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

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

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-5be…>…</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-5be…>…</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

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-f67…>…</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-f67…>…</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

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

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

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

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

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

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