1) [chromium] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot ─── Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/chromium/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:45:27

1) [chromium] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/chromium/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium-retry1/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium-retry1/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:45:27

2) [chromium] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot ─── Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/react/src/components/tooltip/tooltip.spec.tsx:40:27

2) [chromium] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium-retry1/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium-retry1/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/react/src/components/tooltip/tooltip.spec.tsx:40:27

Process completed with exit code 1.

1) [mobile_chrome] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/mobile-chrome/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:45:27

1) [mobile_chrome] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/mobile-chrome/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome-retry1/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome-retry1/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:45:27

2) [mobile_chrome] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/mobile-chrome/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/react/src/components/tooltip/tooltip.spec.tsx:40:27

2) [mobile_chrome] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/mobile-chrome/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome-retry1/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome-retry1/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/react/src/components/tooltip/tooltip.spec.tsx:40:27

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot ─── Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/chromium/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/popover/popover.spec.tsx:45:27

1) [chromium] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/chromium/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium-retry1/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-chromium-retry1/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/popover/popover.spec.tsx:45:27

2) [chromium] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot ─── Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/vue/src/components/tooltip/tooltip.spec.tsx:40:27

2) [chromium] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium-retry1/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-chromium-retry1/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/vue/src/components/tooltip/tooltip.spec.tsx:40:27

Process completed with exit code 1.

1) [mobile_chrome] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/mobile-chrome/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/popover/popover.spec.tsx:45:27

1) [mobile_chrome] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 383 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/mobile-chrome/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome-retry1/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-mobile-chrome-retry1/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 383 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="padding-box">…</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 - 383 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/popover/popover.spec.tsx:45:27

2) [mobile_chrome] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/mobile-chrome/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/vue/src/components/tooltip/tooltip.spec.tsx:40:27

2) [mobile_chrome] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 261 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/mobile-chrome/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome-retry1/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-mobile-chrome-retry1/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 261 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="padding-box">…</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 - 261 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/vue/src/components/tooltip/tooltip.spec.tsx:40:27

1) [firefox] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot ──── Error: expect(locator).toHaveScreenshot(expected) 354 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/firefox/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 354 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="padding-box">…</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 - 354 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:45:27

1) [firefox] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 354 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/firefox/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox-retry1/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox-retry1/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 354 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="padding-box">…</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 - 354 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:45:27

2) [firefox] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot ──── Error: expect(locator).toHaveScreenshot(expected) 244 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/firefox/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 244 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="padding-box">…</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 - 244 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/react/src/components/tooltip/tooltip.spec.tsx:40:27

2) [firefox] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 244 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/firefox/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox-retry1/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox-retry1/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 244 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="padding-box">…</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 - 244 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/react/src/components/tooltip/tooltip.spec.tsx:40:27

Process completed with exit code 1.

1) [firefox] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot ──── Error: expect(locator).toHaveScreenshot(expected) 354 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/firefox/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 354 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="padding-box">…</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 - 354 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/popover/popover.spec.tsx:45:27

1) [firefox] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 354 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/firefox/DBPopover-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox-retry1/DBPopover-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/popover-popover-DBPopover-after-open-should-match-screenshot-firefox-retry1/DBPopover-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 354 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="padding-box">…</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 - 354 pixels (ratio 0.01 of all image pixels) are different. 43 | const component = await mount(comp); 44 | await component.getByTestId('button').focus(); > 45 | await expect(component).toHaveScreenshot(); | ^ 46 | }); 47 | }; 48 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/popover/popover.spec.tsx:45:27

2) [firefox] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot ──── Error: expect(locator).toHaveScreenshot(expected) 244 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/firefox/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 244 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="padding-box">…</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 - 244 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/vue/src/components/tooltip/tooltip.spec.tsx:40:27

2) [firefox] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 244 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/component/firefox/DBTooltip-after-open-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox-retry1/DBTooltip-after-open-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tooltip-tooltip-DBTooltip-after-open-should-match-screenshot-firefox-retry1/DBTooltip-after-open-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - 244 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="padding-box">…</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 - 244 pixels (ratio 0.01 of all image pixels) are different. 38 | const component = await mount(comp); 39 | await component.getByTestId('button').focus(); > 40 | await expect(component).toHaveScreenshot(); | ^ 41 | }); 42 | }; 43 | at /__w/mono/mono/output/vue/src/components/tooltip/tooltip.spec.tsx:40:27

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 3183 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3183 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 - 3183 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3183 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3183 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 - 3183 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 3183 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3183 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 - 3183 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3183 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3183 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 - 3183 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 2507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2507 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 - 2507 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2507 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 - 2507 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5378 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5378 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 - 5378 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5378 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5378 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 - 5378 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ───────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) 3066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3066 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 - 3066 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3066 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 - 3066 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 5612 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5612 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 - 5612 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5612 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5612 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 - 5612 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ───────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) 3066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3066 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 - 3066 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3066 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 - 3066 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 5612 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5612 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 - 5612 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5612 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5612 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 - 5612 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 2507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2507 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 - 2507 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2507 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 - 2507 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5378 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5378 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 - 5378 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5378 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5378 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 - 5378 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 2376 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2376 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 - 2376 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2376 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2376 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 - 2376 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [webkit] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4227 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4227 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 - 4227 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [webkit] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4227 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4227 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 - 4227 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 2376 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2376 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 - 2376 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2376 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2376 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 - 2376 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [webkit] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4227 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4227 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 - 4227 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [webkit] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4227 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4227 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 - 4227 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [chromium] › default.spec.ts:10:2 › accordion › overview should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) 505 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium/accordion/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium/accordion/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 505 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 - 505 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

1) [chromium] › default.spec.ts:10:2 › accordion › overview should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 505 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium-retry1/accordion/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-overview-should-match-screenshot-chromium-retry1/accordion/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 505 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 - 505 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › accordion › properties should match screenshot ──────────── Error: expect(page).toHaveScreenshot(expected) 423 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/patternhub/accordion-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-properties-should-match-screenshot-chromium/accordion/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-properties-should-match-screenshot-chromium/accordion/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 423 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 - 423 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › accordion › properties should match screenshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 423 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/patternhub/accordion-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-properties-should-match-screenshot-chromium-retry1/accordion/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-properties-should-match-screenshot-chromium-retry1/accordion/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 423 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 - 423 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

3) [chromium] › default.spec.ts:10:2 › accordion-item › overview should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) 1660 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium/accordion-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium/accordion-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1660 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 - 1660 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

3) [chromium] › default.spec.ts:10:2 › accordion-item › overview should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1660 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium-retry1/accordion-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-accordion-item-overview-should-match-screenshot-chromium-retry1/accordion-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(accordion-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1660 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 - 1660 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

4) [chromium] › default.spec.ts:10:2 › tabs › properties should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 280 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/patternhub/tabs-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-properties-should-match-screenshot-chromium/tabs/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-properties-should-match-screenshot-chromium/tabs/patternhub-diff.png Call log: - expect.toHaveScreenshot(tabs/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 280 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 - 280 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

4) [chromium] › default.spec.ts:10:2 › tabs › properties should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 280 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/patternhub/tabs-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-properties-should-match-screenshot-chromium-retry1/tabs/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-properties-should-match-screenshot-chromium-retry1/tabs/patternhub-diff.png Call log: - expect.toHaveScreenshot(tabs/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 280 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 - 280 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

Process completed with exit code 1.

1) [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 2552 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2552 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 - 2552 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2552 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2552 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 - 2552 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [firefox] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4524 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4524 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 - 4524 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [firefox] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4524 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4524 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 - 4524 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 2552 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2552 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 - 2552 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2552 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2552 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 - 2552 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [firefox] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4524 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4524 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 - 4524 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [firefox] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4524 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4524 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 - 4524 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [chromium] › default.spec.ts:10:2 › tooltip › overview should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 1866 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-overview-should-match-screenshot-chromium/tooltip/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-overview-should-match-screenshot-chromium/tooltip/patternhub-diff.png Call log: - expect.toHaveScreenshot(tooltip/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1866 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 - 1866 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

1) [chromium] › default.spec.ts:10:2 › tooltip › overview should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1866 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-overview-should-match-screenshot-chromium-retry1/tooltip/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-overview-should-match-screenshot-chromium-retry1/tooltip/patternhub-diff.png Call log: - expect.toHaveScreenshot(tooltip/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1866 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 - 1866 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › tooltip › properties should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) 76335 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/patternhub/tooltip-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-properties-should-match-screenshot-chromium/tooltip/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-properties-should-match-screenshot-chromium/tooltip/patternhub-diff.png Call log: - expect.toHaveScreenshot(tooltip/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 76335 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 76335 pixels (ratio 0.09 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › tooltip › properties should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 76335 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tooltip/patternhub/tooltip-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-properties-should-match-screenshot-chromium-retry1/tooltip/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tooltip-properties-should-match-screenshot-chromium-retry1/tooltip/patternhub-diff.png Call log: - expect.toHaveScreenshot(tooltip/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 76335 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 76335 pixels (ratio 0.09 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium] › default.spec.ts:10:2 › section › properties should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) 109 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/patternhub/section-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-section-properties-should-match-screenshot-chromium/section/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-section-properties-should-match-screenshot-chromium/section/patternhub-diff.png Call log: - expect.toHaveScreenshot(section/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 109 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 - 109 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

1) [chromium] › default.spec.ts:10:2 › section › properties should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 109 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/patternhub/section-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-section-properties-should-match-screenshot-chromium-retry1/section/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-section-properties-should-match-screenshot-chromium-retry1/section/patternhub-diff.png Call log: - expect.toHaveScreenshot(section/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 109 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 - 109 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › navigation-item › overview should match screenshot ──────── Error: expect(page).toHaveScreenshot(expected) 1779 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium/navigation-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium/navigation-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1779 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 - 1779 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › navigation-item › overview should match screenshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1779 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium-retry1/navigation-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-item-overview-should-match-screenshot-chromium-retry1/navigation-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1779 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 - 1779 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

3) [chromium] › default.spec.ts:10:2 › popover › properties should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) 19143 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/patternhub/popover-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-popover-properties-should-match-screenshot-chromium/popover/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-popover-properties-should-match-screenshot-chromium/popover/patternhub-diff.png Call log: - expect.toHaveScreenshot(popover/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19143 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 19143 pixels (ratio 0.03 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

3) [chromium] › default.spec.ts:10:2 › popover › properties should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 19143 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/patternhub/popover-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-popover-properties-should-match-screenshot-chromium-retry1/popover/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-popover-properties-should-match-screenshot-chromium-retry1/popover/patternhub-diff.png Call log: - expect.toHaveScreenshot(popover/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 19143 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 19143 pixels (ratio 0.03 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

1) [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2053px, received 393px by 2101px. 11011 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 3183 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3183 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 - 3183 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3183 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3183 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 - 3183 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6464 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6464 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 - 6464 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_chrome] › default.ts:219:2 › DBCard › should have same aria-snapshot ────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBCard" [level=1] - link "Density arrow_up_right\" / \"" - strong: Functional - strong: (Default) Regular - strong: Expressive - link "Elevation Level arrow_up_right\" / \"" - strong: (Default) Level 1 - Adaptive - strong: "Level 2" - Adaptive - strong: "Level 3" - Adaptive - link "Spacing arrow_up_right\" / \"" - strong: (Default) Small - strong: Medium - strong: Large - strong: None - link "Behaviour arrow_up_right\" / \"" - strong: (Default) SNon interacticve - button "Interactive": - strong: Interactive - link "Example arrow_up_right\" / \"" - button "Level 1 - Interactive": - strong: Level 1 - Interactive - button "Level 2 - Interactive": - strong: Level 2 - Interactive - button "Level 3 - Interactive": - strong: Level 3 - Interactive Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [mobile_chrome] › default.ts:219:2 › DBCard › should have same aria-snapshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBCard" [level=1] - link "Density arrow_up_right\" / \"" - strong: Functional - strong: (Default) Regular - strong: Expressive - link "Elevation Level arrow_up_right\" / \"" - strong: (Default) Level 1 - Adaptive - strong: "Level 2" - Adaptive - strong: "Level 3" - Adaptive - link "Spacing arrow_up_right\" / \"" - strong: (Default) Small - strong: Medium - strong: Large - strong: None - link "Behaviour arrow_up_right\" / \"" - strong: (Default) SNon interacticve - button "Interactive": - strong: Interactive - link "Example arrow_up_right\" / \"" - button "Level 1 - Interactive": - strong: Level 1 - Interactive - button "Level 2 - Interactive": - strong: Level 2 - Interactive - button "Level 3 - Interactive": - strong: Level 3 - Interactive Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 10490 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-chrome/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-mobile-chrome/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-mobile-chrome/DBNavigationItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10490 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 10490 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 10490 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-chrome/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-mobile-chrome-retry1/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-mobile-chrome-retry1/DBNavigationItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10490 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 10490 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [mobile_chrome] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBNavigationItem" [level=1] - link "Density arrow_up_right\" / \"" - list: - listitem: - link "Functional" - list: - listitem: - link "(Default) Regular" - list: - listitem: - link "Expressive" - link "DInteractison-Stablteds arrow_up_right\" / \"" - list: - listitem: - link "Enabled (Default) Fal/Hover/Pressed" - list: - listitem: - link "True" - link "Active arrow_up_right\" / \"" - list: - listitem: - link "(Default) False" - list: - ablistitem: - link d"True" - link "ExpaCondtednt arrow_up_right\" / \"" - list: - listitem: - link "(Default) FalsText" - list: - listitem: - butexton: "True x_placeholdevron_right\" / \"" - link "ShowText - Icon (Learrow_up_rdinght\)" / \"" - list: - listitem: - text: x_pliaceholder" / " - buttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \"" - list: - listitem: - button "Text: x_pla- Iceon (Chevroldn) chevron_right\" / \" - link "True" - link "Width arrow_up_right\" / \"" - list: - listitem: - link "(Default) Auto" - list: - listitem: - link "Full" Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [mobile_chrome] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBNavigationItem" [level=1] - link "Density arrow_up_right\" / \"" - list: - listitem: - link "Functional" - list: - listitem: - link "(Default) Regular" - list: - listitem: - link "Expressive" - link "DInteractison-Stablteds arrow_up_right\" / \"" - list: - listitem: - link "Enabled (Default) Fal/Hover/Pressed" - list: - listitem: - link "True" - link "Active arrow_up_right\" / \"" - list: - listitem: - link "(Default) False" - list: - ablistitem: - link d"True" - link "ExpaCondtednt arrow_up_right\" / \"" - list: - listitem: - link "(Default) FalsText" - list: - listitem: - butexton: "True x_placeholdevron_right\" / \"" - link "ShowText - Icon (Learrow_up_rdinght\)" / \"" - list: - listitem: - text: x_pliaceholder" / " - buttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \"" - list: - listitem: - button "Text: x_pla- Iceon (Chevroldn) chevron_right\" / \" - link "True" - link "Width arrow_up_right\" / \"" - list: - listitem: - link "(Default) Auto" - list: - listitem: - link "Full" Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2517px, received 393px by 2192px. 25246 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/mobile-chrome/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-mobile-chrome/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-mobile-chrome/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2517px, received 393px by 2192px. 25246 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2517px, received 393px by 2192px. 25246 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 393px by 2517px, received 393px by 2192px. 25246 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/mobile-chrome/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-mobile-chrome-retry1/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-mobile-chrome-retry1/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 2517px, received 393px by 2192px. 25246 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 2517px, received 393px by 2192px. 25246 pixels (ratio 0.03 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ───────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 1749px, received 1280px by 1755px. 26507 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────── Error: expect(page).toHaveScreenshot(expected) 3066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3066 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 - 3066 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3066 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3066 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 - 3066 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─ Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 5612 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5612 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 - 5612 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5612 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-highContrast-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5612 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 - 5612 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium] › default.spec.ts:10:2 › card › overview should match screenshot ─────────────────── Error: expect(page).toHaveScreenshot(expected) 2711 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-card-overview-should-match-screenshot-chromium/card/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-card-overview-should-match-screenshot-chromium/card/patternhub-diff.png Call log: - expect.toHaveScreenshot(card/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2711 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 - 2711 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

1) [chromium] › default.spec.ts:10:2 › card › overview should match screenshot ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2711 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-card-overview-should-match-screenshot-chromium-retry1/card/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-card-overview-should-match-screenshot-chromium-retry1/card/patternhub-diff.png Call log: - expect.toHaveScreenshot(card/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2711 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 - 2711 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › card › properties should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 424 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/patternhub/card-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-card-properties-should-match-screenshot-chromium/card/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-card-properties-should-match-screenshot-chromium/card/patternhub-diff.png Call log: - expect.toHaveScreenshot(card/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 424 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 - 424 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

2) [chromium] › default.spec.ts:10:2 › card › properties should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 424 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/patternhub/card-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-card-properties-should-match-screenshot-chromium-retry1/card/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-card-properties-should-match-screenshot-chromium-retry1/card/patternhub-diff.png Call log: - expect.toHaveScreenshot(card/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 424 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 - 424 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16875 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3147 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3147 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 - 3147 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5206 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-chromium-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5206 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 - 5206 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 390px by 2053px, received 390px by 2101px. 9892 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 2507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2507 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 - 2507 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-mobile-safari-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2507 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 - 2507 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5378 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5378 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 - 5378 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5378 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-safari-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 5378 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 - 5378 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast-retry1/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-chromium-highContrast-retry1/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2887px, received 1280px by 2599px. 403700 pixels (ratio 0.11 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium-highContrast] › default.ts:219:2 › DBSection › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSection" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive - link "Width arrow_up_right\" / \"" - text: (Default) Full (Default) Full (Default) Full (Default) Full Small Small Small Small Medium Medium Medium Medium Large Large Large Large - link "Spacing arrow_up_right\" / \"" - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-D-04ec7-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium-highContrast] › default.ts:219:2 › DBSection › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBSection" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive - link "Width arrow_up_right\" / \"" - text: (Default) Full (Default) Full (Default) Full (Default) Full Small Small Small Small Medium Medium Medium Medium Large Large Large Large - link "Spacing arrow_up_right\" / \"" - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None Expected: /__w/mono/mono/__snapshots__/section/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-D-04ec7-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 158 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast/DBTabItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 158 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 - 158 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 158 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-highContrast-retry1/DBTabItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 158 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 - 158 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - tab "Functional": "on" - text: Functional - tablist: - tab "(Default) Regular": "on" - text: (Default) Regular - tablist: - tab "Expressive": "on" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - tab "(Default) Enabled": "on" - text: (Default) Enabled - tablist: - tab "active" [selected]: "on" - text: active - tablist: - tab "disabled" [disabled]: "on" - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - tab "(Default) Text": "on" - text: (Default) Text - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Icon": "on" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - tab "(Default) Auto Width": "on" - text: (Default) Auto Width - tablist: - tab "Width full": "on" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - tab "Left": "on" - text: Left - tablist: - tab "Centered": "on" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - tab "Functional": "on" - text: Functional - tablist: - tab "(Default) Regular": "on" - text: (Default) Regular - tablist: - tab "Expressive": "on" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - tab "(Default) Enabled": "on" - text: (Default) Enabled - tablist: - tab "active" [selected]: "on" - text: active - tablist: - tab "disabled" [disabled]: "on" - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - tab "(Default) Text": "on" - text: (Default) Text - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Icon": "on" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - tab "(Default) Auto Width": "on" - text: (Default) Auto Width - tablist: - tab "Width full": "on" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - tab "Left": "on" - text: Left - tablist: - tab "Centered": "on" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 396 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast/DBTabs-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 396 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 - 396 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 396 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-highContrast-retry1/DBTabs-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 396 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 - 396 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2305px, received 1280px by 2321px. 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium/DBTabItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2305px, received 1280px by 2321px. 144 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 - Expected an image 1280px by 2305px, received 1280px by 2321px. 144 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-chromium-retry1/DBTabItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 144 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 - 144 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - tab "Functional": "on" - text: Functional - tablist: - tab "(Default) Regular": "on" - text: (Default) Regular - tablist: - tab "Expressive": "on" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - tab "(Default) Enabled": "on" - text: (Default) Enabled - tablist: - tab "active" [selected]: "on" - text: active - tablist: - tab "disabled" [disabled]: "on" - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - tab "(Default) Text": "on" - text: (Default) Text - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Icon": "on" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - tab "(Default) Auto Width": "on" - text: (Default) Auto Width - tablist: - tab "Width full": "on" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - tab "Left": "on" - text: Left - tablist: - tab "Centered": "on" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabItem" [level=1] - link "Density arrow_up_right\" / \"" - tablist: - tab "Functional": "on" - text: Functional - tablist: - tab "(Default) Regular": "on" - text: (Default) Regular - tablist: - tab "Expressive": "on" - text: Expressive - link "States arrow_up_right\" / \"" - tablist: - tab "(Default) Enabled": "on" - text: (Default) Enabled - tablist: - tab "active" [selected]: "on" - text: active - tablist: - tab "disabled" [disabled]: "on" - text: disabled - link "Content arrow_up_right\" / \"" - tablist: - tab "(Default) Text": "on" - text: (Default) Text - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Text - Icon (Leading)": "on" - text: Text - Icon (Leading) - tablist: - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on" - text: Text - Icon (Trailing) x_placeholder" / " - tablist: - text: x_placeholder" / " - tab "x_placeholder\" / \" Icon": "on" - text: Icon - link "Behaviour arrow_up_right\" / \"" - tablist: - tab "(Default) Auto Width": "on" - text: (Default) Auto Width - tablist: - tab "Width full": "on" - text: Width full - link "Content Alignment Full Width arrow_up_right\" / \"" - tablist: - tab "Left": "on" - text: Left - tablist: - tab "Centered": "on" - text: Centered Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [chromium] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 337 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium/DBTabs-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 337 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 - 337 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [chromium] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 337 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/showcase/chromium/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-retry1/DBTabs-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tabs-tabs-snapshot-DBTabs-should-match-screenshot-chromium-retry1/DBTabs-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 337 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 - 337 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tab "Test 4": "on" - text: Test 4 - tab "Test 5": "on" - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: scrollbar:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tab "Test 4": "on" - text: Test 4 - tab "Test 5": "on" - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - link "Examples arrow_up_right\" / \"" - text: "2 tab selected:" - tablist: - tab "Test 1": "on" - text: Test 1 - tab "Test 2" [selected]: "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 2": Tab Panel 2 - text: "nothing selected:" - tablist: -

4) [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTabs" [level=1] - link "Density arrow_up_right\" / \"" - text: "Functional:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "(Default) Regular:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "Expressive:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Orientation arrow_up_right\" / \"" - text: "horizontal:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "vertical:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Width arrow_up_right\" / \"" - text: "auto:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: start:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "full - alignment: center:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - link "Overflow arrow_up_right\" / \"" - text: "no overflow:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: arrows:" - button "chevron_right\" / \" Scroll right" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tab "Test 4": "on" - text: Test 4 - tab "Test 5": "on" - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - text: "with overflow - behaviour: scrollbar:" - tablist: - tab "Test 1" [selected]: "on" - text: Test 1 - tab "Test 2": "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3 - tab "Test 4": "on" - text: Test 4 - tab "Test 5": "on" - text: Test 5 - tabpanel "Test 1": Tab Panel 1 - link "Examples arrow_up_right\" / \"" - text: "2 tab selected:" - tablist: - tab "Test 1": "on" - text: Test 1 - tab "Test 2" [selected]: "on" - text: Test 2 - tab "Test 3": "on" - text: Test 3

5) [chromium] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium/DBTag-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 144 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 - 144 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [chromium] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium-retry1/DBTag-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 144 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 - 144 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 4905px, received 1280px by 4937px. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 4905px, received 1280px by 4937px. 153 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 - 153 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 4905px, received 1280px by 4937px. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 4905px, received 1280px by 1584px. 70622 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 4905px, received 1280px by 1584px. 139805 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 69187 pixels (ratio 0.04 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 4905px, received 1280px by 1584px. 70622 pixels (ratio 0.02 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 7296 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit/DBNavigationItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7296 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 - 7296 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 7296 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit-retry1/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit-retry1/DBNavigationItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7296 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 - 7296 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBNavigationItem" [level=1] - link "Density arrow_up_right\" / \"" - list: - listitem: - link "Functional" - list: - listitem: - link "(Default) Regular" - list: - listitem: - link "Expressive" - link "DInteractison-Stablteds arrow_up_right\" / \"" - list: - listitem: - link "Enabled (Default) Fal/Hover/Pressed" - list: - listitem: - link "True" - link "Active arrow_up_right\" / \"" - list: - listitem: - link "(Default) False" - list: - ablistitem: - link d"True" - link "ExpaCondtednt arrow_up_right\" / \"" - list: - listitem: - link "(Default) FalsText" - list: - listitem: - butexton: "True x_placeholdevron_right\" / \"" - link "ShowText - Icon (Learrow_up_rdinght\)" / \"" - list: - listitem: - text: x_pliaceholder" / " - buttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \"" - list: - listitem: - button "Text: x_pla- Iceon (Chevroldn) chevron_right\" / \" - link "True" - link "Width arrow_up_right\" / \"" - list: - listitem: - link "(Default) Auto" - list: - listitem: - link "Full" Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBNavigationItem" [level=1] - link "Density arrow_up_right\" / \"" - list: - listitem: - link "Functional" - list: - listitem: - link "(Default) Regular" - list: - listitem: - link "Expressive" - link "DInteractison-Stablteds arrow_up_right\" / \"" - list: - listitem: - link "Enabled (Default) Fal/Hover/Pressed" - list: - listitem: - link "True" - link "Active arrow_up_right\" / \"" - list: - listitem: - link "(Default) False" - list: - ablistitem: - link d"True" - link "ExpaCondtednt arrow_up_right\" / \"" - list: - listitem: - link "(Default) FalsText" - list: - listitem: - butexton: "True x_placeholdevron_right\" / \"" - link "ShowText - Icon (Learrow_up_rdinght\)" / \"" - list: - listitem: - text: x_pliaceholder" / " - buttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \"" - list: - listitem: - button "Text: x_pla- Iceon (Chevroldn) chevron_right\" / \" - link "True" - link "Width arrow_up_right\" / \"" - list: - listitem: - link "(Default) Auto" - list: - listitem: - link "Full" Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [webkit] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 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 - Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [webkit] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit-retry1/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit-retry1/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 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 - Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBPopover" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) Regular" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Expressive" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Spacing arrow_up_right\" / \"" - button "(Default) Small" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Medium" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Large" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "None" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Placement arrow_up_right\" / \"" - button "bottom-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) bottom" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "bottom-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-end" - article: - list: - listitem: Popover Custom Item 1 - l

5) [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBPopover" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) Regular" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Expressive" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Spacing arrow_up_right\" / \"" - button "(Default) Small" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Medium" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Large" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "None" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Placement arrow_up_right\" / \"" - button "bottom-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) bottom" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "bottom-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-e

Process completed with exit code 1.

Process completed with exit code 1.

1) [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 7705 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox/DBNavigationItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7705 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 - 7705 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 7705 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox-retry1/DBNavigationItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-firefox-retry1/DBNavigationItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 7705 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 - 7705 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [firefox] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBNavigationItem" [level=1] - link "Density arrow_up_right\" / \"" - list: - listitem: - link "Functional" - list: - listitem: - link "(Default) Regular" - list: - listitem: - link "Expressive" - link "DInteractison-Stablteds arrow_up_right\" / \"" - list: - listitem: - link "Enabled (Default) Fal/Hover/Pressed" - list: - listitem: - link "True" - link "Active arrow_up_right\" / \"" - list: - listitem: - link "(Default) False" - list: - ablistitem: - link d"True" - link "ExpaCondtednt arrow_up_right\" / \"" - list: - listitem: - link "(Default) FalsText" - list: - listitem: - buttolink "True chevron_righxt\" / \"" - link "Show Icon (Learrow_up_rdinght\)" / \"" - list: - listitem: - libuttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \"" - list: - listitem: - libuttonk "Text - Icon (Chevruon) chevron_right\" / \"" - link "Width arrow_up_right\" / \"" - list: - listitem: - link "(Default) Auto" - list: - listitem: - link "Full" Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [firefox] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBNavigationItem" [level=1] - link "Density arrow_up_right\" / \"" - list: - listitem: - link "Functional" - list: - listitem: - link "(Default) Regular" - list: - listitem: - link "Expressive" - link "DInteractison-Stablteds arrow_up_right\" / \"" - list: - listitem: - link "Enabled (Default) Fal/Hover/Pressed" - list: - listitem: - link "True" - link "Active arrow_up_right\" / \"" - list: - listitem: - link "(Default) False" - list: - ablistitem: - link d"True" - link "ExpaCondtednt arrow_up_right\" / \"" - list: - listitem: - link "(Default) FalsText" - list: - listitem: - buttolink "True chevron_righxt\" / \"" - link "Show Icon (Learrow_up_rdinght\)" / \"" - list: - listitem: - libuttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \"" - list: - listitem: - libuttonk "Text - Icon (Chevruon) chevron_right\" / \"" - link "Width arrow_up_right\" / \"" - list: - listitem: - link "(Default) Auto" - list: - listitem: - link "Full" Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/firefox/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [firefox] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2955px, received 1280px by 2630px. 32482 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/firefox/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-firefox/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-firefox/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2955px, received 1280px by 2630px. 32482 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 - Expected an image 1280px by 2955px, received 1280px by 2630px. 32482 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [firefox] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2955px, received 1280px by 2630px. 32482 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/showcase/firefox/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-firefox-retry1/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-firefox-retry1/DBPopover-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2955px, received 1280px by 2630px. 32482 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 - Expected an image 1280px by 2955px, received 1280px by 2630px. 32482 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [firefox] › default.ts:219:2 › DBPopover › should have same aria-snapshot ───────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBPopover" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) Regular" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Expressive" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Spacing arrow_up_right\" / \"" - button "(Default) Small" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Medium" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Large" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "None" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Placement arrow_up_right\" / \"" - button "bottom-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) bottom" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "bottom-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-end" - article: - list: - listitem: Popover Custom Item 1 - l

4) [firefox] › default.ts:219:2 › DBPopover › should have same aria-snapshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBPopover" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) Regular" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Expressive" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Spacing arrow_up_right\" / \"" - button "(Default) Small" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Medium" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "Large" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "None" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - link "Placement arrow_up_right\" / \"" - button "bottom-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "(Default) bottom" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "bottom-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "left-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "right-end" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-start" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top" - article: - list: - listitem: Popover Custom Item 1 - listitem: Popover Custom Item 2 - button "Popover Custom Item 3" - button "top-e

5) [firefox] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2881px, received 1280px by 2593px. 27146 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/firefox/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-firefox/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-firefox/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2881px, received 1280px by 2593px. 27146 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 - Expected an image 1280px by 2881px, received 1280px by 2593px. 27146 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [firefox] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2881px, received 1280px by 2593px. 27146 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/showcase/firefox/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-firefox-retry1/DBSection-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/section-section-snapshot-DBSection-should-match-screenshot-firefox-retry1/DBSection-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2881px, received 1280px by 2593px. 27146 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 - Expected an image 1280px by 2881px, received 1280px by 2593px. 27146 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16081 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 2376 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2376 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 - 2376 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2376 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2376 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 - 2376 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [webkit] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4227 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4227 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 - 4227 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [webkit] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4227 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-webkit-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4227 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 - 4227 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

1) [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

1) [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 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 - Expected an image 1280px by 1735px, received 1280px by 1737px. 16360 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

2) [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

2) [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordion" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: (Default) Regular - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Expressive - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Variant arrow_up_right\" / \"" - text: background (Ddefault) Divider - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Ccard - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - link "Behaviour arrow_up_right\" / \"" - text: (Default) Multiple - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " - text: Single - list: - listitem: - group: Item 1 chevron_down" / " - listitem: - group: Item 2 chevron_down" / " - listitem: - group: Item 3 chevron_down" / " Expected: /__w/mono/mono/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

3) [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 2552 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2552 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 - 2552 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

3) [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2552 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2552 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 - 2552 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

4) [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

4) [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBAccordionItem" [level=1] - link "Density arrow_up_right\" / \"" - listitem: - group: Functional chevron_down" / " - listitem: - group: (Default) Regular chevron_down" / " - listitem: - group: Expressive chevron_down" / " - link "DInteractison Stablteds arrow_up_right\" / \"" - listitem: - group: Enabled (Default) Fal/Hover/Pressed chevron_down" / " - listitem: - group [disabled]: TruDisabled chevron_down" / " - link "OpContent States arrow_up_right\" / \"" - listitem: - group: (Default) FaCollapsed chevron_down" / " - listitem: - group: TruOpen chevron_down" / " TruOpen Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/accordion-item-accordion-i-f6abc-uld-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml 230 | 231 | const snapshot = await page.locator('main').ariaSnapshot(); > 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`); | ^ 233 | }); 234 | }; 235 | at /__w/mono/mono/showcases/e2e/default.ts:232:20

5) [firefox] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4524 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4524 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 - 4524 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

5) [firefox] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4524 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox-retry1/DBCard-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-firefox-retry1/DBCard-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4524 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 - 4524 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

Process completed with exit code 1.

No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/angular-showcase-showcase/results. No artifacts will be uploaded.

2 failed [chromium] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot ──── [chromium] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot ──── 3 skipped 142 passed (37.7s)

2 failed [mobile_chrome] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot [mobile_chrome] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot 3 skipped 142 passed (39.9s)

2 failed [chromium] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot ──── [chromium] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot ──── 3 skipped 142 passed (40.6s)

2 failed [mobile_chrome] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot [mobile_chrome] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot 3 skipped 142 passed (40.6s)

2 failed [firefox] › popover/popover.spec.tsx:42:6 › DBPopover › after open should match screenshot ───── [firefox] › tooltip/tooltip.spec.tsx:37:6 › DBTooltip › after open should match screenshot ───── 3 skipped 142 passed (1.3m)

2 failed [firefox] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot ───── [firefox] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot ───── 3 skipped 142 passed (1.4m)

22 failed [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────── [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────── [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBSection › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_chrome] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────────────── 49 skipped 98 passed (3.4m)

22 failed [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────── [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────── [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBSection › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_chrome] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────────────── 49 skipped 98 passed (3.4m)

19 failed [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────── [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────── [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────────────── [mobile_safari] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_safari] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_safari] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:79:2 › DBSection › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── [mobile_safari] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_safari] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────────────── 49 skipped 101 passed (4.9m)

22 failed [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ────────────── [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────── [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────── [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ── [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ───────────────── [chromium-highContrast] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────── [chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────── [chromium-highContrast] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─ [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ──────────────────── [chromium-highContrast] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── [chromium-highContrast] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────── 147 passed (5.7m)

22 failed [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── [chromium] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBCard › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── [chromium] › default.ts:219:2 › DBHeader › should have same aria-snapshot ────────────────────── [chromium] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────── [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBPopover › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBSection › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────── [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ───────────────────── 147 passed (5.8m)

22 failed [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ────────────── [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────── [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────── [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ── [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ───────────────── [chromium-highContrast] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────── [chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────── [chromium-highContrast] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─ [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ──────────────────── [chromium-highContrast] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── [chromium-highContrast] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────── 147 passed (5.5m)

22 failed [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── [chromium] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBCard › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:79:2 › DBHeader › should match screenshot ────────────────────────────── [chromium] › default.ts:219:2 › DBHeader › should have same aria-snapshot ────────────────────── [chromium] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────── [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBPopover › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBSection › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────── [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ───────────────────── 147 passed (5.7m)

18 failed [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────── [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────── [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────────────── [mobile_safari] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_safari] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_safari] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:79:2 › DBSection › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_safari] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────────────── 50 skipped 101 passed (4.8m)

19 failed [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────────────── [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────────────── [webkit] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────────────── [webkit] › default.ts:219:2 › DBCard › should have same aria-snapshot ────────────────────────── [webkit] › default.ts:219:2 › DBHeader › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ──────────────── [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:79:2 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBSection › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── [webkit] › default.ts:79:2 › DBTooltip › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ─────────────────────── 49 skipped 101 passed (6.0m)

18 failed [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────────────── [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────────────── [webkit] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────────────── [webkit] › default.ts:219:2 › DBCard › should have same aria-snapshot ────────────────────────── [webkit] › default.ts:219:2 › DBHeader › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ──────────────── [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:79:2 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBSection › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── [webkit] › default.ts:79:2 › DBTooltip › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ─────────────────────── 50 skipped 101 passed (6.1m)

4 failed [chromium] › default.spec.ts:10:2 › accordion › overview should match screenshot ─────────────── [chromium] › default.spec.ts:10:2 › accordion › properties should match screenshot ───────────── [chromium] › default.spec.ts:10:2 › accordion-item › overview should match screenshot ────────── [chromium] › default.spec.ts:10:2 › tabs › properties should match screenshot ────────────────── 10 passed (19.8s)

22 failed [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── [firefox] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── [firefox] › default.ts:219:2 › DBCard › should have same aria-snapshot ───────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:219:2 › DBHeader › should have same aria-snapshot ─────────────────────── [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─────────────── [firefox] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBPopover › should have same aria-snapshot ────────────────────── [firefox] › default.ts:79:2 › DBSection › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBSection › should have same aria-snapshot ────────────────────── [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ────────────────────── [firefox] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:219:2 › DBTag › should have same aria-snapshot ────────────────────────── [firefox] › default.ts:79:2 › DBTooltip › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ────────────────────── 49 skipped 98 passed (8.4m)

22 failed [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── [firefox] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── [firefox] › default.ts:219:2 › DBCard › should have same aria-snapshot ───────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:219:2 › DBHeader › should have same aria-snapshot ─────────────────────── [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─────────────── [firefox] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBPopover › should have same aria-snapshot ────────────────────── [firefox] › default.ts:79:2 › DBSection › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBSection › should have same aria-snapshot ────────────────────── [firefox] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ────────────────────── [firefox] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:219:2 › DBTag › should have same aria-snapshot ────────────────────────── [firefox] › default.ts:79:2 › DBTooltip › should match screenshot ────────────────────────────── [firefox] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ────────────────────── 49 skipped 98 passed (8.5m)

2 failed [chromium] › default.spec.ts:10:2 › tooltip › overview should match screenshot ───────────────── [chromium] › default.spec.ts:10:2 › tooltip › properties should match screenshot ─────────────── 12 passed (15.3s)

3 failed [chromium] › default.spec.ts:10:2 › section › properties should match screenshot ─────────────── [chromium] › default.spec.ts:10:2 › navigation-item › overview should match screenshot ───────── [chromium] › default.spec.ts:10:2 › popover › properties should match screenshot ─────────────── 10 passed (16.3s)

18 failed [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────── [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────── [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBSection › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_chrome] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────────────── 63 skipped 88 passed (3.3m)

16 failed [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_chrome] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBSection › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_chrome] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── [mobile_chrome] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_chrome] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────────────── 59 skipped 65 passed (2.7m)

18 failed [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── [chromium] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBCard › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:219:2 › DBHeader › should have same aria-snapshot ────────────────────── [chromium] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────── [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBPopover › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBSection › should have same aria-snapshot ───────────────────── [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────── [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ───────────────────── 14 skipped 137 passed (5.8m)

18 failed [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ────────────── [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────── [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────── [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ── [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────── [chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────── [chromium-highContrast] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─ [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── [chromium-highContrast] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────── 14 skipped 137 passed (5.6m)

2 failed [chromium] › default.spec.ts:10:2 › card › overview should match screenshot ──────────────────── [chromium] › default.spec.ts:10:2 › card › properties should match screenshot ────────────────── 11 passed (13.8s)

12 failed [chromium] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────── [chromium] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────────────────── [chromium] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────── [chromium] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ─────────────── [chromium] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBCard › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────── [chromium] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────── [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBPopover › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBSection › should have same aria-snapshot ───────────────────── 1 flaky [chromium] › default.ts:79:2 › DBDrawer › should match screenshot ────────────────────────────── 20 skipped 108 passed (4.3m)

18 failed [mobile_safari] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_safari] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────── [mobile_safari] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_safari] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────── [mobile_safari] › default.ts:79:2 › DBCard › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────────────── [mobile_safari] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────── [mobile_safari] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_safari] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:79:2 › DBSection › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────────────── [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────────────── [mobile_safari] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_safari] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────────────── [mobile_safari] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────────────── 63 skipped 88 passed (4.9m)

16 failed [chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBSection › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ──────── [chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:219:2 › DBTabs › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ──────────────────── [chromium-highContrast] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── [chromium-highContrast] › default.ts:79:2 › DBTooltip › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ──────── [firefox] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────────── [firefox] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────────── [firefox] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────────── [firefox] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────────── [firefox] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────────── [firefox] › default.ts:219:2 › DBCard › should have same aria-snapshot ───────────────────────── 40 skipped 85 passed (4.5m)

18 failed [chromium] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────── [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────────── [chromium] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────── [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────── [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────── [chromium] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ───────────────────── [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ────────────── [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────── [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────── [chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ── [chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:219:2 › DBCard › should have same aria-snapshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────── [chromium-highContrast] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─ [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ──────────────── [chromium-highContrast] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────── 22 skipped 101 passed (4.8m)

17 failed [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ──────────────── [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:79:2 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBSection › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── [webkit] › default.ts:79:2 › DBTooltip › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ────────────── [mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────── [mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ────────── 2 flaky [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ────────────────────────────── 59 skipped 63 passed (4.8m)

18 failed [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ───────────────────── [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ───────────────────────── [webkit] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ───────────────── [webkit] › default.ts:79:2 › DBCard › should match screenshot ────────────────────────────────── [webkit] › default.ts:219:2 › DBCard › should have same aria-snapshot ────────────────────────── [webkit] › default.ts:219:2 › DBHeader › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ──────────────────────── [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ──────────────── [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:79:2 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBSection › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────── [webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── [webkit] › default.ts:79:2 › DBTooltip › should match screenshot ─────────────────────────────── [webkit] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ─────────────────────── 63 skipped 88 passed (6.0m)