Process completed with exit code 1.

1) [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ─────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

1) [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

2) [mobile_chrome] › brand/brand.spec.tsx:21:6 › DBBrand › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-mobile-chrome/09b5dbf2afdbe91f034f-4c580260af947ceed951-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:24:20

2) [mobile_chrome] › brand/brand.spec.tsx:21:6 › DBBrand › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-mobile-chrome-retry1/09b5dbf2afdbe91f034f-4c580260af947ceed951-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:24:20

3) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

3) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

4) [mobile_chrome] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

4) [mobile_chrome] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

5) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

5) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

1) [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

1) [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

2) [chromium] › brand/brand.spec.tsx:21:6 › DBBrand › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-chromium/09b5dbf2afdbe91f034f-d1d65959e4f3324423b9-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:24:20

2) [chromium] › brand/brand.spec.tsx:21:6 › DBBrand › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-chromium-retry1/09b5dbf2afdbe91f034f-d1d65959e4f3324423b9-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:24:20

3) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

3) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

4) [chromium] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

4) [chromium] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

5) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─ Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

5) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ─────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

1) [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

2) [mobile_chrome] › brand/brand.spec.tsx:21:2 › DBBrand › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-mobile-chrome/09b5dbf2afdbe91f034f-4c580260af947ceed951-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:24:20

2) [mobile_chrome] › brand/brand.spec.tsx:21:2 › DBBrand › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-mobile-chrome-retry1/09b5dbf2afdbe91f034f-4c580260af947ceed951-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:24:20

3) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

3) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

4) [mobile_chrome] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

4) [mobile_chrome] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

5) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

5) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

1) [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

1) [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 526 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 526 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 526 pixels (ratio 0.04 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

2) [chromium] › brand/brand.spec.tsx:21:2 › DBBrand › should have same aria-snapshot ───────────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-chromium/09b5dbf2afdbe91f034f-d1d65959e4f3324423b9-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:24:20

2) [chromium] › brand/brand.spec.tsx:21:2 › DBBrand › should have same aria-snapshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - text: dbrand" / " Test Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-have-same-aria-snapshot-chromium-retry1/09b5dbf2afdbe91f034f-d1d65959e4f3324423b9-actual.yaml 22 | const component = await mount(comp); 23 | const snapshot = await component.ariaSnapshot(); > 24 | expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); | ^ 25 | }); 26 | test('should not have A11y issues', async ({ page, mount }) => { 27 | await mount(comp); at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:24:20

3) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

3) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 138 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 138 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 138 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

4) [chromium] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

4) [chromium] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2398 pixels (ratio 0.90 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2398 pixels (ratio 0.90 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2398 pixels (ratio 0.90 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

5) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─ Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

5) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1379 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1379 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1379 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

1) [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── Error: expect(locator).toHaveScreenshot(expected) 466 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 466 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 466 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

1) [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 466 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 466 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 466 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

2) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

2) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

3) [firefox] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2418 pixels (ratio 0.91 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2418 pixels (ratio 0.91 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2418 pixels (ratio 0.91 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

3) [firefox] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2418 pixels (ratio 0.91 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2418 pixels (ratio 0.91 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2418 pixels (ratio 0.91 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

4) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── Error: expect(locator).toHaveScreenshot(expected) 1380 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1380 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1380 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

4) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1380 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1380 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1380 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

5) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ─ Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

5) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

1) [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── Error: expect(locator).toHaveScreenshot(expected) 466 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 466 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 466 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

1) [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 466 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 466 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">Test</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 466 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

2) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

2) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-d66ab-e-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="outlined" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

3) [firefox] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2418 pixels (ratio 0.91 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2418 pixels (ratio 0.91 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2418 pixels (ratio 0.91 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

3) [firefox] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2418 pixels (ratio 0.91 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2418 pixels (ratio 0.91 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2418 pixels (ratio 0.91 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

4) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── Error: expect(locator).toHaveScreenshot(expected) 1380 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1380 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1380 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

4) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1380 pixels (ratio 0.87 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1380 pixels (ratio 0.87 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1380 pixels (ratio 0.87 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

5) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ─ Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

5) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 130 pixels (ratio 0.09 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-386c2-ave-icon-for-variant-filled-firefox-retry1/DBButton-should-only-have-icon-for-variant-filled-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 130 pixels (ratio 0.09 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="filled" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 130 pixels (ratio 0.09 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-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 › DBBadge › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-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 › DBBrand › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-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

4) [mobile_chrome] › default.ts:219:2 › DBBrand › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-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

5) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBBadge › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-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 › DBBadge › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-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 › DBBrand › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-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

4) [mobile_chrome] › default.ts:219:2 › DBBrand › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-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

5) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBBadge › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-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 › DBBadge › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-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 › DBBrand › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-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

4) [mobile_chrome] › default.ts:219:2 › DBBrand › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-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

5) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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_safari] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1059 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1059 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1059 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 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1059 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1059 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1059 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_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1997 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1997 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 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1997 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1997 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 › DBBrand › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 2995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2995 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 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2995 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 › DBBadge › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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 › DBBadge › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1686 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1686 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1686 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 › DBBrand › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1686 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1686 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1686 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 › DBBrand › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 472 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 472 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 472 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 › DBButton › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 472 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 472 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 472 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 › DBBadge › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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 › DBBadge › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1686 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1686 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1686 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 › DBBrand › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1686 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1686 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1686 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 › DBBrand › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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:219:2 › DBButton › should have same aria-snapshot ──────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBButton" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - button "(Default) Regular" - button "Expressive" - link "Variant arrow_up_right\" / \"" - button "(Default) Outlined - Adaptive" - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - link "Disabled arrow_up_right\" / \"" - button "(Default) False" - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - link "Show Icon arrow_up_right\" / \"" - button "(Default) False" - button "x_placershonlder\" / \" True" - link "No Text arrow_up_right\" / \"" - button "x_placershonlder\" / \" (Default) False" - button "x_placershonlder\" / \" True" - link "Width arrow_up_right\" / \"" - button "(Default) Auto" - button "Width" Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBB-caae1-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

5) [chromium-highContrast] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBButton" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - button "(Default) Regular" - button "Expressive" - link "Variant arrow_up_right\" / \"" - button "(Default) Outlined - Adaptive" - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - link "Disabled arrow_up_right\" / \"" - button "(Default) False" - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - link "Show Icon arrow_up_right\" / \"" - button "(Default) False" - button "x_placershonlder\" / \" True" - link "No Text arrow_up_right\" / \"" - button "x_placershonlder\" / \" (Default) False" - button "x_placershonlder\" / \" True" - link "Width arrow_up_right\" / \"" - button "(Default) Auto" - button "Width" Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBB-caae1-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

Process completed with exit code 1.

1) [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1059 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1059 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1059 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 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1059 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1059 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1059 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_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1997 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1997 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 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1997 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1997 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 › DBBrand › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 2995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2995 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 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2995 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 › DBBadge › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBBadge › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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 › DBBadge › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1686 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1686 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1686 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 › DBBrand › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1686 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1686 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1686 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 › DBBrand › should have same aria-snapshot ───────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 472 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 472 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 472 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 › DBButton › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 472 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 472 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 472 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 › DBBadge › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBBadge › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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) [firefox] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1047 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1047 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1047 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 › DBBadge › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1047 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1047 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1047 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:79:2 › DBBrand › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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:79:2 › DBBrand › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBButton › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3055 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3055 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3055 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 › DBButton › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3055 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3055 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3055 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:79:2 › DBHeader › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 10365 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10365 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 10365 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:79:2 › DBHeader › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 10365 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-firefox-retry1/DBHeader-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10365 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 10365 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 › DBInfotext › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1595 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-firefox/DBInfotext-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-firefox/DBInfotext-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1595 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1595 pixels (ratio 0.01 of all image pixels) are different. 109 | } 110 | > 111 | await expect(page).toHaveScreenshot(config); | ^ 112 | }); 113 | }; 114 | at /__w/mono/mono/showcases/e2e/default.ts:111:22

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

1) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1045 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1045 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 › DBBadge › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1045 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1045 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 › DBBadge › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBBrand › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBBrand › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3000 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3000 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 › DBButton › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3000 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3000 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 › DBBadge › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1045 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1045 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 › DBBadge › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1045 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1045 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 › DBBadge › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBBrand › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBBrand › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3000 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3000 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 › DBButton › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3000 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3000 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) [webkit] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1045 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1045 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 › DBBadge › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1045 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-webkit-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1045 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1045 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 › DBBadge › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBBrand › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-webkit-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBBrand › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3000 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3000 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 › DBButton › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3000 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-webkit-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3000 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3000 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 › DBBadge › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1059 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1059 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1059 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 › DBBadge › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1059 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-mobile-safari-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1059 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1059 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_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ───────────────────────── Error: expect(page).toHaveScreenshot(expected) 1997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1997 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1997 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 › DBBrand › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1997 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-mobile-safari-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1997 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1997 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 › DBBrand › should have same aria-snapshot ───────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/angular-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 2995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2995 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 › DBButton › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/angular-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-safari-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2995 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 › DBBadge › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1047 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1047 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1047 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 › DBBadge › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1047 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1047 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1047 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:79:2 › DBBrand › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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:79:2 › DBBrand › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBButton › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3055 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3055 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3055 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 › DBButton › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3055 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3055 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3055 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:79:2 › DBCheckbox › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) 168 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 168 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 168 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:79:2 › DBCheckbox › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 168 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox-retry1/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox-retry1/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 168 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 168 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 › DBDivider › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 609 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox/DBDivider-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox/DBDivider-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 609 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 609 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 › DBDivider › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 609 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox-retry1/DBDivider-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox-retry1/DBDivider-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 609 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 609 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 › DBBadge › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1047 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1047 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1047 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 › DBBadge › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1047 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-firefox-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1047 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1047 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:79:2 › DBBrand › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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:79:2 › DBBrand › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1995 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1995 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1995 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 › DBButton › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3055 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3055 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3055 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 › DBButton › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3055 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-firefox-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3055 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3055 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:79:2 › DBCheckbox › should match screenshot ──────────────────────────── Error: expect(page).toHaveScreenshot(expected) 168 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 168 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 168 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:79:2 › DBCheckbox › should match screenshot ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 168 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox-retry1/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-firefox-retry1/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 168 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 168 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 › DBDivider › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 609 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox/DBDivider-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox/DBDivider-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 609 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 609 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 › DBDivider › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 609 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png Received: /__w/mono/mono/showcases/react-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox-retry1/DBDivider-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/react-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-firefox-retry1/DBDivider-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 609 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 609 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 › DBSelect › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 347 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast/DBSelect-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 347 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 347 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 › DBSelect › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 347 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-chromium-highContrast-retry1/DBSelect-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 347 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 347 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-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 317 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast/DBSwitch-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast/DBSwitch-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 317 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 317 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-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 317 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast-retry1/DBSwitch-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/switch-switch-snapshot-DBSwitch-should-match-screenshot-chromium-highContrast-retry1/DBSwitch-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 317 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 317 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 › DBTag › should match screenshot ─────────────────── Error: expect(page).toHaveScreenshot(expected) 844 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/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-highContrast/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-chromium-highContrast/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 - 844 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 844 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 › DBTag › should match screenshot ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 844 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/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-highContrast-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-highContrast-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 - 844 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 844 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 › DBTag › should have same aria-snapshot ─────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox": "on" - text: Interactive Checkbox - radio "Interactive Radio 1": "on" - text: Interactive Radio 1 - radio "Interactive Radio 2": "on" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked": "on" - text: (Default) Unchecked - checkbox "Checked" [checked]: "on" - text: Checked - checkbox "Disabled" [checked] [disabled]: "on" - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placershonlder" / " Icon x_placershonlder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - text: x_placershonlder" / " - button "Interactive Strong Button with Icon" - text: x_placershonlder" / " - link "Interactive Strong Link with Icon" - text: x_placershonlder" / " - checkbox "Interactive Strong Checkbox with Icon": "on" - text: Interactive Strong Checkbox with Icon x_placershonlder" / " - radio "Interactive Strong Radio 1 with Icon": "on" - text: Interactive Strong Radio 1 with Icon x_placershonlder" / " - radio "Interactive Strong Radio 2 with Icon": "on" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-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 › DBTag › should have same aria-snapshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox": "on" - text: Interactive Checkbox - radio "Interactive Radio 1": "on" - text: Interactive Radio 1 - radio "Interactive Radio 2": "on" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked": "on" - text: (Default) Unchecked - checkbox "Checked" [checked]: "on" - text: Checked - checkbox "Disabled" [checked] [disabled]: "on" - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placershonlder" / " Icon x_placershonlder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - text: x_placershonlder" / " - button "Interactive Strong Button with Icon" - text: x_placershonlder" / " - link "Interactive Strong Link with Icon" - text: x_placershonlder" / " - checkbox "Interactive Strong Checkbox with Icon": "on" - text: Interactive Strong Checkbox with Icon x_placershonlder" / " - radio "Interactive Strong Radio 1 with Icon": "on" - text: Interactive Strong Radio 1 with Icon x_placershonlder" / " - radio "Interactive Strong Radio 2 with Icon": "on" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-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 › DBTextarea › should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) 289 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-highContrast/DBTextarea-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-highContrast/DBTextarea-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 289 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 289 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 › DBTextarea › should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 289 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-highContrast-retry1/DBTextarea-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-highContrast-retry1/DBTextarea-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 289 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 289 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:219:2 › DBButton › should have same aria-snapshot ──────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBButton" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - button "(Default) Regular" - button "Expressive" - link "Variant arrow_up_right\" / \"" - button "(Default) Outlined - Adaptive" - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - link "Disabled arrow_up_right\" / \"" - button "(Default) False" - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - link "Show Icon arrow_up_right\" / \"" - button "(Default) False" - button "x_placershonlder\" / \" True" - link "No Text arrow_up_right\" / \"" - button "x_placershonlder\" / \" (Default) False" - button "x_placershonlder\" / \" True" - link "Width arrow_up_right\" / \"" - button "(Default) Auto" - button "Width" Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBB-caae1-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

1) [mobile_chrome] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBButton" [level=1] - link "Density arrow_up_right\" / \"" - button "Functional" - button "(Default) Regular" - button "Expressive" - link "Variant arrow_up_right\" / \"" - button "(Default) Outlined - Adaptive" - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - link "Disabled arrow_up_right\" / \"" - button "(Default) False" - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - link "Show Icon arrow_up_right\" / \"" - button "(Default) False" - button "x_placershonlder\" / \" True" - link "No Text arrow_up_right\" / \"" - button "x_placershonlder\" / \" (Default) False" - button "x_placershonlder\" / \" True" - link "Width arrow_up_right\" / \"" - button "(Default) Auto" - button "Width" Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBB-caae1-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

2) [mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 200 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 200 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 200 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:79:2 › DBCheckbox › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 200 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome-retry1/DBCheckbox-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-mobile-chrome-retry1/DBCheckbox-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 200 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 200 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 › DBDivider › should match screenshot ─────────────────────── Error: expect(page).toHaveScreenshot(expected) 589 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/showcase/mobile-chrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-mobile-chrome/DBDivider-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-mobile-chrome/DBDivider-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 589 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 589 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 › DBDivider › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 589 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/showcase/mobile-chrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-mobile-chrome-retry1/DBDivider-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/divider-divider-snapshot-DBDivider-should-match-screenshot-mobile-chrome-retry1/DBDivider-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 589 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 589 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:79:2 › DBIcon › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 454 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/icon/showcase/mobile-chrome/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-mobile-chrome/DBIcon-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-mobile-chrome/DBIcon-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 454 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 454 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:79:2 › DBIcon › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 454 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/icon/showcase/mobile-chrome/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-mobile-chrome-retry1/DBIcon-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-mobile-chrome-retry1/DBIcon-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 454 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 454 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 › DBInfotext › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 1604 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-mobile-chrome/DBInfotext-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-mobile-chrome/DBInfotext-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1604 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1604 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 › DBInfotext › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1604 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-mobile-chrome-retry1/DBInfotext-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-mobile-chrome-retry1/DBInfotext-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1604 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1604 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 › DBBadge › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1186 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1186 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1186 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 › DBBadge › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBadge › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBadge" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Left" - text: Corner - Top - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Left" - text: Corner - Center - Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" - text: Corner - Bottom- Left - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Top - Right" - text: Corner - Top - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Center - Right" - text: Corner - Center - Right - button "x_placershonlder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-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 › DBBrand › should match screenshot ────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should match screenshot ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2171 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 › DBBrand › should have same aria-snapshot ────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBBrand › should have same aria-snapshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBBrand" [level=1] - link "Density arrow_up_right\" / \"" - text: dbrand" / " Functional dbrand" / " (Default) Regular dbrand" / " Expressive - link "Variants arrow_up_right\" / \"" - text: dbrand" / " (Default) With Logo No Logo - img "this is a fancy placeholder logo" - text: Custom Logo Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/brand-brand-snapshot-DBBrand-should-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 › DBButton › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBButton › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3094 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-retry1/DBButton-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3094 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3094 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 › DBTabs › should match screenshot ─────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5455 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 - 5455 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 5455 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 › DBTabs › should match screenshot ─────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 5455 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 - 5455 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 5455 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:79:2 › DBTag › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 807 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 - 807 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 807 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:79:2 › DBTag › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 807 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 - 807 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 807 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:219:2 › DBTag › should have same aria-snapshot ──────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox": "on" - text: Interactive Checkbox - radio "Interactive Radio 1": "on" - text: Interactive Radio 1 - radio "Interactive Radio 2": "on" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked": "on" - text: (Default) Unchecked - checkbox "Checked" [checked]: "on" - text: Checked - checkbox "Disabled" [checked] [disabled]: "on" - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placershonlder" / " Icon x_placershonlder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - text: x_placershonlder" / " - button "Interactive Strong Button with Icon" - text: x_placershonlder" / " - link "Interactive Strong Link with Icon" - text: x_placershonlder" / " - checkbox "Interactive Strong Checkbox with Icon": "on" - text: Interactive Strong Checkbox with Icon x_placershonlder" / " - radio "Interactive Strong Radio 1 with Icon": "on" - text: Interactive Strong Radio 1 with Icon x_placershonlder" / " - radio "Interactive Strong Radio 2 with Icon": "on" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-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

3) [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(string).toMatchSnapshot(expected) - main: - heading "DBTag" [level=1] - link "Density arrow_up_right\" / \"" - text: Functional (Default) Regular Expressive - link "Emphasis arrow_up_right\" / \"" - text: (Default) Weak Strong - link "Semantic arrow_up_right\" / \"" - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong - link "Behaviour arrow_up_right\" / \"" - group "Behaviour": - text: (Default) Static - button "Interactive Button" - link "Interactive Link" - checkbox "Interactive Checkbox": "on" - text: Interactive Checkbox - radio "Interactive Radio 1": "on" - text: Interactive Radio 1 - radio "Interactive Radio 2": "on" - text: Interactive Radio 2 Removeable - button "cross\" / \" Remove tag" - link "State arrow_up_right\" / \"" - group "State": - checkbox "(Default) Unchecked": "on" - text: (Default) Unchecked - checkbox "Checked" [checked]: "on" - text: Checked - checkbox "Disabled" [checked] [disabled]: "on" - text: Disabled - link "Content arrow_up_right\" / \"" - text: (Default) Text x_placershonlder" / " Icon x_placershonlder" / " Icon & Text - link "Overflow arrow_up_right\" / \"" - text: (Default) No Overflow With Overflow (max-width) - link "Example arrow_up_right\" / \"" - group "Example": - text: x_placershonlder" / " - button "Interactive Strong Button with Icon" - text: x_placershonlder" / " - link "Interactive Strong Link with Icon" - text: x_placershonlder" / " - checkbox "Interactive Strong Checkbox with Icon": "on" - text: Interactive Strong Checkbox with Icon x_placershonlder" / " - radio "Interactive Strong Radio 1 with Icon": "on" - text: Interactive Strong Radio 1 with Icon x_placershonlder" / " - radio "Interactive Strong Radio 2 with Icon": "on" - text: Interactive Strong Radio 2 with Icon Expected: /__w/mono/mono/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-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

4) [chromium] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────── Error: expect(page).toHaveScreenshot(expected) 280 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium/DBTextarea-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium/DBTextarea-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot 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. 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:79:2 › DBTextarea › 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__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-retry1/DBTextarea-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-chromium-retry1/DBTextarea-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot 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. 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 › DBBadge › should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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 › DBBadge › should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1262 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1262 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1262 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 › DBLink › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 171 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 › DBLink › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 171 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-firefox-retry1/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 171 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 171 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:79:2 › DBNavigation › should match screenshot ────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2249 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox/DBNavigation-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2249 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2249 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:79:2 › DBNavigation › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2249 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox-retry1/DBNavigation-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2249 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2249 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 › DBNavigationItem › should match screenshot ────────────────────── Error: expect(page).toHaveScreenshot(expected) 259 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 - 259 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 259 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 › DBNavigationItem › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 259 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 - 259 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 259 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:79:2 › DBNotification › should match screenshot ──────────────────────── Error: expect(page).toHaveScreenshot(expected) 4096 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox/DBNotification-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4096 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4096 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:79:2 › DBNotification › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4096 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox-retry1/DBNotification-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-firefox-retry1/DBNotification-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4096 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4096 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 › DBPopover › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 233 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 - 233 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 233 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 › DBPopover › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 233 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 - 233 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 233 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 › DBIcon › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 371 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/icon/showcase/webkit/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-webkit/DBIcon-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-webkit/DBIcon-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 33174 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 - 33235 pixels (ratio 0.03 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 - 371 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 › DBIcon › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 371 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/icon/showcase/webkit/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-webkit-retry1/DBIcon-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/icon-icon-snapshot-DBIcon-should-match-screenshot-webkit-retry1/DBIcon-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 371 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 371 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 › DBInfotext › should match screenshot ───────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1607 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit/DBInfotext-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit/DBInfotext-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1607 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1607 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 › DBInfotext › should match screenshot ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1607 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit-retry1/DBInfotext-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/infotext-infotext-snapshot-63fb4-ext-should-match-screenshot-webkit-retry1/DBInfotext-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1607 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1607 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 › DBInput › should match screenshot ──────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1242 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/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 - 1242 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1242 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 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1242 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/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 - 1242 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1242 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 › DBLink › should match screenshot ───────────────────────────────── Error: expect(page).toHaveScreenshot(expected) Expected an image 1280px by 2630px, received 1280px by 2646px. 169 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 1280px by 2630px, received 1280px by 2646px. 169 pixels (ratio 0.01 of all image pixels) are 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 2630px, received 1280px by 2646px. 169 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 › DBLink › should match screenshot ───────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 169 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 169 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 169 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 › DBNavigation › should match screenshot ─────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2267 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit/DBNavigation-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 60241 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 60407 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 - 2267 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 › DBNavigation › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2267 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit-retry1/DBNavigation-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2267 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2267 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 › tag › overview should match screenshot ──────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium/tag/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium/tag/patternhub-diff.png Call log: - expect.toHaveScreenshot(tag/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › tag › overview should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium-retry1/tag/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium-retry1/tag/patternhub-diff.png Call log: - expect.toHaveScreenshot(tag/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › overview should match screenshot ────────────── Error: expect(page).toHaveScreenshot(expected) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › overview should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › overview should match screenshot ─────────────────── Error: expect(page).toHaveScreenshot(expected) 902 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-should-match-screenshot-chromium/tabs/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-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 - 902 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 902 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 › overview should match screenshot ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 902 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-should-match-screenshot-chromium-retry1/tabs/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tabs-overview-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 - 902 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 902 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) [chromium] › default.spec.ts:10:2 › button › overview should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 1949 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-button-overview-should-match-screenshot-chromium/button/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-button-overview-should-match-screenshot-chromium/button/patternhub-diff.png Call log: - expect.toHaveScreenshot(button/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1949 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1949 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 › button › overview should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1949 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-button-overview-should-match-screenshot-chromium-retry1/button/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-button-overview-should-match-screenshot-chromium-retry1/button/patternhub-diff.png Call log: - expect.toHaveScreenshot(button/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1949 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1949 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 › link › overview should match screenshot ─────────────────── Error: expect(page).toHaveScreenshot(expected) 210 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium/link/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium/link/patternhub-diff.png Call log: - expect.toHaveScreenshot(link/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 210 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 210 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 › link › overview should match screenshot ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 210 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium-retry1/link/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-link-overview-should-match-screenshot-chromium-retry1/link/patternhub-diff.png Call log: - expect.toHaveScreenshot(link/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 210 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 210 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 › brand › overview should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 2085 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium/brand/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium/brand/patternhub-diff.png Call log: - expect.toHaveScreenshot(brand/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2085 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2085 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 › brand › overview should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2085 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium-retry1/brand/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-brand-overview-should-match-screenshot-chromium-retry1/brand/patternhub-diff.png Call log: - expect.toHaveScreenshot(brand/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2085 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2085 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 › tooltip › overview should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › tooltip › overview should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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

5) [chromium] › default.spec.ts:10:2 › infotext › overview should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 1265 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-overview-should-match-screenshot-chromium/infotext/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-overview-should-match-screenshot-chromium/infotext/patternhub-diff.png Call log: - expect.toHaveScreenshot(infotext/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1265 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1265 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

5) [chromium] › default.spec.ts:10:2 › infotext › overview should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1265 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-overview-should-match-screenshot-chromium-retry1/infotext/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-infotext-overview-should-match-screenshot-chromium-retry1/infotext/patternhub-diff.png Call log: - expect.toHaveScreenshot(infotext/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1265 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1265 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.spec.ts:10:2 › tab-item › overview should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium/tab-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium/tab-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(tab-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › tab-item › overview should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium-retry1/tab-item/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-tab-item-overview-should-match-screenshot-chromium-retry1/tab-item/patternhub-diff.png Call log: - expect.toHaveScreenshot(tab-item/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › checkbox › overview should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium/checkbox/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium/checkbox/patternhub-diff.png Call log: - expect.toHaveScreenshot(checkbox/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › checkbox › overview should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium-retry1/checkbox/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium-retry1/checkbox/patternhub-diff.png Call log: - expect.toHaveScreenshot(checkbox/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › input › overview should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium/input/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium/input/patternhub-diff.png Call log: - expect.toHaveScreenshot(input/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › input › overview should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium-retry1/input/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium-retry1/input/patternhub-diff.png Call log: - expect.toHaveScreenshot(input/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › radio › overview should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium/radio/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium/radio/patternhub-diff.png Call log: - expect.toHaveScreenshot(radio/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › radio › overview should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium-retry1/radio/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium-retry1/radio/patternhub-diff.png Call log: - expect.toHaveScreenshot(radio/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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

5) [chromium] › default.spec.ts:10:2 › select › overview should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium/select/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium/select/patternhub-diff.png Call log: - expect.toHaveScreenshot(select/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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

5) [chromium] › default.spec.ts:10:2 › select › overview should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium-retry1/select/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium-retry1/select/patternhub-diff.png Call log: - expect.toHaveScreenshot(select/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › switch › overview should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium/switch/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium/switch/patternhub-diff.png Call log: - expect.toHaveScreenshot(switch/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › switch › overview should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium-retry1/switch/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-switch-overview-should-match-screenshot-chromium-retry1/switch/patternhub-diff.png Call log: - expect.toHaveScreenshot(switch/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › textarea › overview should match screenshot ─────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium/textarea/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium/textarea/patternhub-diff.png Call log: - expect.toHaveScreenshot(textarea/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › textarea › overview should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium-retry1/textarea/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium-retry1/textarea/patternhub-diff.png Call log: - expect.toHaveScreenshot(textarea/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › notification › overview should match screenshot ─────────── Error: expect(page).toHaveScreenshot(expected) 1309 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1309 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1309 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 › notification › overview should match screenshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1309 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium-retry1/notification/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-notification-overview-should-match-screenshot-chromium-retry1/notification/patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1309 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1309 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 › badge › overview should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-badge-overview-should-match-screenshot-chromium/badge/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-badge-overview-should-match-screenshot-chromium/badge/patternhub-diff.png Call log: - expect.toHaveScreenshot(badge/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › badge › overview should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-badge-overview-should-match-screenshot-chromium-retry1/badge/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-badge-overview-should-match-screenshot-chromium-retry1/badge/patternhub-diff.png Call log: - expect.toHaveScreenshot(badge/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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) [chromium] › default.spec.ts:10:2 › card › overview should match screenshot ─────────────────── Error: expect(page).toHaveScreenshot(expected) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › divider › overview should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 432 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-divider-overview-should-match-screenshot-chromium/divider/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-divider-overview-should-match-screenshot-chromium/divider/patternhub-diff.png Call log: - expect.toHaveScreenshot(divider/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 432 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 432 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 › divider › overview should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 432 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-divider-overview-should-match-screenshot-chromium-retry1/divider/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-divider-overview-should-match-screenshot-chromium-retry1/divider/patternhub-diff.png Call log: - expect.toHaveScreenshot(divider/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 432 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 432 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 › drawer › overview should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-drawer-overview-should-match-screenshot-chromium/drawer/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-drawer-overview-should-match-screenshot-chromium/drawer/patternhub-diff.png Call log: - expect.toHaveScreenshot(drawer/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › drawer › overview should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-drawer-overview-should-match-screenshot-chromium-retry1/drawer/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-drawer-overview-should-match-screenshot-chromium-retry1/drawer/patternhub-diff.png Call log: - expect.toHaveScreenshot(drawer/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › header › overview should match screenshot ───────────────── Error: expect(page).toHaveScreenshot(expected) 3943 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium/header/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium/header/patternhub-diff.png Call log: - expect.toHaveScreenshot(header/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3943 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3943 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 › header › overview should match screenshot ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3943 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium-retry1/header/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-header-overview-should-match-screenshot-chromium-retry1/header/patternhub-diff.png Call log: - expect.toHaveScreenshot(header/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 3943 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3943 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

5) [chromium] › default.spec.ts:10:2 › section › overview should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 3 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-should-match-screenshot-chromium/section/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-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 - 3 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3 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

5) [chromium] › default.spec.ts:10:2 › section › overview should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 3 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-should-match-screenshot-chromium-retry1/section/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-section-overview-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 - 3 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 3 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.spec.ts:10:2 › stack › overview should match screenshot ────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-stack-overview-should-match-screenshot-chromium/stack/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-stack-overview-should-match-screenshot-chromium/stack/patternhub-diff.png Call log: - expect.toHaveScreenshot(stack/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › stack › overview should match screenshot ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-stack-overview-should-match-screenshot-chromium-retry1/stack/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-stack-overview-should-match-screenshot-chromium-retry1/stack/patternhub-diff.png Call log: - expect.toHaveScreenshot(stack/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › overview should match screenshot ───────────── Error: expect(page).toHaveScreenshot(expected) 2325 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium/navigation/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium/navigation/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2325 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2325 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 › overview should match screenshot ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 2325 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium-retry1/navigation/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-navigation-overview-should-match-screenshot-chromium-retry1/navigation/patternhub-diff.png Call log: - expect.toHaveScreenshot(navigation/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2325 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 2325 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 › navigation-item › overview should match screenshot ──────── Error: expect(page).toHaveScreenshot(expected) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › navigation-item › overview should match screenshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › popover › overview should match screenshot ──────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-popover-overview-should-match-screenshot-chromium/popover/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-popover-overview-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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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 › popover › overview should match screenshot ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 6 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-popover-overview-should-match-screenshot-chromium-retry1/popover/patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-popover-overview-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 - 6 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 6 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.

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/angular-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/angular-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/react-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/react-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/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/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/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/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/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/patternhub-showcase/results. No artifacts will be uploaded.

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

No files were found with the provided path: ./showcases/react-showcase/recordings. 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/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/patternhub-showcase/results. No artifacts will be uploaded.

19 failed [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › brand/brand.spec.tsx:21:6 › DBBrand › should have same aria-snapshot ───────── [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined [mobile_chrome] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost [mobile_chrome] › button/button.spec.tsx:49:6 › DBButton › should have same aria-snapshot ────── [mobile_chrome] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful [mobile_chrome] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ───────────── [mobile_chrome] › tabs/tabs.spec.tsx:33:6 › DBTabs › should match screenshot ─────────────────── 3 skipped 125 passed (1.2m)

19 failed [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── [chromium] › brand/brand.spec.tsx:21:6 › DBBrand › should have same aria-snapshot ────────────── [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined [chromium] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ─ [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ── [chromium] › button/button.spec.tsx:49:6 › DBButton › should have same aria-snapshot ─────────── [chromium] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning [chromium] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful [chromium] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ────────────────── [chromium] › tabs/tabs.spec.tsx:33:6 › DBTabs › should match screenshot ──────────────────────── 3 skipped 125 passed (1.2m)

19 failed [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › brand/brand.spec.tsx:21:2 › DBBrand › should have same aria-snapshot ───────── [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined [mobile_chrome] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost [mobile_chrome] › button/button.spec.tsx:49:2 › DBButton › should have same aria-snapshot ────── [mobile_chrome] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic critical [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic informational [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic warning [mobile_chrome] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic successful [mobile_chrome] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ───────────── [mobile_chrome] › tabs/tabs.spec.tsx:33:2 › DBTabs › should match screenshot ─────────────────── 3 skipped 125 passed (1.3m)

19 failed [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── [chromium] › brand/brand.spec.tsx:21:2 › DBBrand › should have same aria-snapshot ────────────── [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined [chromium] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ─ [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ── [chromium] › button/button.spec.tsx:49:2 › DBButton › should have same aria-snapshot ─────────── [chromium] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic critical [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic informational [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic warning [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic successful [chromium] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ────────────────── [chromium] › tabs/tabs.spec.tsx:33:2 › DBTabs › should match screenshot ──────────────────────── 3 skipped 125 passed (1.3m)

17 failed [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ────────────────────── [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant outlined [firefox] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand ─ [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─── [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant filled ── [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant ghost ─── [firefox] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic critical [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning [firefox] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic successful [firefox] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ─────────────────── [firefox] › tabs/tabs.spec.tsx:33:6 › DBTabs › should match screenshot ───────────────────────── 3 skipped 127 passed (2.5m)

17 failed [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ────────────────────── [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant outlined [firefox] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand ─ [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─── [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant filled ── [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant ghost ─── [firefox] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic critical [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic informational [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic warning [firefox] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic successful [firefox] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ─────────────────── [firefox] › tabs/tabs.spec.tsx:33:2 › DBTabs › should match screenshot ───────────────────────── 3 skipped 127 passed (2.7m)

26 failed [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBDivider › should match screenshot ──────────────────────── [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 › DBIcon › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_chrome] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [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 › DBTextarea › should match screenshot ─────────────────────── 49 skipped 94 passed (3.7m)

26 failed [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBDivider › should match screenshot ──────────────────────── [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 › DBIcon › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_chrome] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [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 › DBTextarea › should match screenshot ─────────────────────── 49 skipped 94 passed (3.7m)

15 failed [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:219:2 › DBButton › 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 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBNavigation › should have same aria-snapshot ───────────── [mobile_chrome] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── 63 skipped 91 passed (2.9m)

26 failed [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────────────── [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_safari] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────────────── [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────── [mobile_safari] › default.ts:79:2 › DBDivider › should match screenshot ──────────────────────── [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_safari] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBIcon › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────────────── [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_safari] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────────────── [mobile_safari] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_safari] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_safari] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────── 50 skipped 93 passed (5.2m)

23 failed [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ───────────────── [chromium-highContrast] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────── [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBDivider › should match screenshot ──────────────── [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 › DBIcon › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ───────────── [chromium-highContrast] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────── [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 › DBTextarea › should match screenshot ─────────────── 146 passed (5.8m)

13 failed [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:219:2 › DBButton › 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 › DBInfotext › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBNavigation › should have same aria-snapshot ───── [chromium-highContrast] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─ [chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ─────────── [chromium-highContrast] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────── 14 skipped 142 passed (5.2m)

26 failed [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────────────── [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_safari] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────────────── [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────── [mobile_safari] › default.ts:79:2 › DBDivider › should match screenshot ──────────────────────── [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_safari] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBIcon › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────────────── [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_safari] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────────────── [mobile_safari] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_safari] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────── [mobile_safari] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────── [mobile_safari] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── [mobile_safari] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────── 49 skipped 94 passed (5.2m)

26 failed [chromium] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBadge › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBrand › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:219:2 › DBButton › should have same aria-snapshot ────────────────────── [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBDivider › should match screenshot ───────────────────────────── [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 › DBIcon › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── [chromium] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ──────────────────────── [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [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 › DBTextarea › should match screenshot ──────────────────────────── 143 passed (6.3m)

23 failed [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ───────────────── [chromium-highContrast] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────── [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBDivider › should match screenshot ──────────────── [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 › DBIcon › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ───────────── [chromium-highContrast] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────── [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────── [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 › DBTextarea › should match screenshot ─────────────── 146 passed (6.0m)

16 failed [chromium] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBadge › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBrand › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:219:2 › DBButton › 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 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── [chromium] › default.ts:219:2 › DBNavigation › should have same aria-snapshot ────────────────── [chromium] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────── [chromium] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────── [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [chromium] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────── 14 skipped 139 passed (5.6m)

26 failed [chromium] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBadge › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBrand › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:219:2 › DBButton › should have same aria-snapshot ────────────────────── [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBDivider › should match screenshot ───────────────────────────── [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 › DBIcon › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── [chromium] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ──────────────────────── [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [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 › DBTextarea › should match screenshot ──────────────────────────── 143 passed (6.4m)

9 failed [firefox] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────── 63 skipped 97 passed (6.1m)

26 failed [webkit] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBrand › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBDivider › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────────────── [webkit] › default.ts:219:2 › DBHeader › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBIcon › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBInfotext › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ──────────────────────────── [webkit] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ────────────────────────── [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBTag › should match screenshot ─────────────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ────────────────────────────── 50 skipped 93 passed (7.1m)

26 failed [webkit] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBrand › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBDivider › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────────────── [webkit] › default.ts:219:2 › DBHeader › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBIcon › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBInfotext › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ──────────────────────────── [webkit] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ────────────────────────── [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBTag › should match screenshot ─────────────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ────────────────────────────── 49 skipped 94 passed (6.9m)

16 failed [webkit] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBrand › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBHeader › should match screenshot ──────────────────────────────── [webkit] › default.ts:219:2 › DBHeader › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBInfotext › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ──────────────────────────── [webkit] › default.ts:219:2 › DBNavigation › should have same aria-snapshot ──────────────────── [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ──────────────── [webkit] › default.ts:79:2 › DBNotification › should match screenshot ────────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── 63 skipped 90 passed (5.5m)

15 failed [mobile_safari] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_safari] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────────────── [mobile_safari] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_safari] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────────────── [mobile_safari] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── [mobile_safari] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBHeader › should match screenshot ───────────────────────── [mobile_safari] › default.ts:219:2 › DBHeader › should have same aria-snapshot ───────────────── [mobile_safari] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────────────── [mobile_safari] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_safari] › default.ts:219:2 › DBNavigation › should have same aria-snapshot ───────────── [mobile_safari] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────── [mobile_safari] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────── [mobile_safari] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [mobile_safari] › default.ts:219:2 › DBTag › should have same aria-snapshot ──────────────────── 63 skipped 91 passed (4.4m)

19 failed [firefox] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBDivider › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:79:2 › DBTextarea › should match screenshot ───────────────────────────── 49 skipped 101 passed (8.2m)

19 failed [firefox] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBDivider › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:79:2 › DBTextarea › should match screenshot ───────────────────────────── 49 skipped 101 passed (8.3m)

13 failed [chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ───────────────── [chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────── [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 › DBTextarea › should match screenshot ─────────────── [firefox] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────────────────── [firefox] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBDivider › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────────── [firefox] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────────── 40 skipped 88 passed (4.6m)

19 failed [mobile_chrome] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────────────── [mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBDivider › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:79:2 › DBIcon › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────────────── [mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────── [mobile_chrome] › default.ts:79:2 › DBNavigation › should match screenshot ───────────────────── [mobile_chrome] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────────────── [mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────── [mobile_chrome] › default.ts:79:2 › DBSelect › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBSwitch › should match screenshot ───────────────────────── [mobile_chrome] › default.ts:79:2 › DBTabs › should match screenshot ─────────────────────────── [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 › DBTextarea › should match screenshot ─────────────────────── 59 skipped 62 passed (2.9m)

20 failed [chromium] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBadge › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────────────────── [chromium] › default.ts:219:2 › DBBrand › should have same aria-snapshot ─────────────────────── [chromium] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────── [chromium] › default.ts:219:2 › DBButton › should have same aria-snapshot ────────────────────── [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBDivider › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBIcon › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBInfotext › should match screenshot ──────────────────────────── [chromium] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────── [chromium] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBNavigation › should match screenshot ────────────────────────── [chromium] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ──────────────────────── [chromium] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────── [chromium] › default.ts:79:2 › DBSelect › should match screenshot ────────────────────────────── [chromium] › default.ts:79:2 › DBSwitch › should match screenshot ────────────────────────────── 3 flaky [chromium] › default.ts:174:2 › DBAccordionItem › test with accessibility checker ────────────── [chromium] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────────── [chromium] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────── 20 skipped 98 passed (5.4m)

20 failed [chromium] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────── [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 › DBTextarea › should match screenshot ──────────────────────────── [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ────────────────── [chromium-highContrast] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────── [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ───────────────── [chromium-highContrast] › default.ts:219:2 › DBButton › should have same aria-snapshot ───────── [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBDivider › should match screenshot ──────────────── [chromium-highContrast] › default.ts:79:2 › DBIcon › should match screenshot ─────────────────── [chromium-highContrast] › default.ts:79:2 › DBInfotext › should match screenshot ─────────────── [chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ────────────────── [chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ───────────── [chromium-highContrast] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ─────────── 2 flaky [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────── [chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ──────────────── 22 skipped 97 passed (5.3m)

18 failed [firefox] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────────── [firefox] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────────── [firefox] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────────── [firefox] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────── [firefox] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────────────────── [firefox] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────────────────── [firefox] › default.ts:79:2 › DBTag › should match screenshot ────────────────────────────────── [firefox] › default.ts:79:2 › DBTextarea › should match screenshot ───────────────────────────── [webkit] › default.ts:79:2 › DBBadge › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBadge › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBBrand › should match screenshot ───────────────────────────────── [webkit] › default.ts:219:2 › DBBrand › should have same aria-snapshot ───────────────────────── [webkit] › default.ts:79:2 › DBButton › should match screenshot ──────────────────────────────── [webkit] › default.ts:219:2 › DBButton › should have same aria-snapshot ──────────────────────── [webkit] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBDivider › should match screenshot ─────────────────────────────── 2 flaky [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ───────────────────────────── [webkit] › default.ts:79:2 › DBDrawer › should match screenshot ──────────────────────────────── 57 skipped 64 passed (5.2m)

21 failed [webkit] › default.ts:79:2 › DBIcon › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBInfotext › should match screenshot ────────────────────────────── [webkit] › default.ts:79:2 › DBInput › should match screenshot ───────────────────────────────── [webkit] › default.ts:79:2 › DBLink › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBNavigation › should match screenshot ──────────────────────────── [webkit] › default.ts:219:2 › DBNavigation › 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 › DBNotification › should match screenshot ────────────────────────── [webkit] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBSelect › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBSwitch › should match screenshot ──────────────────────────────── [webkit] › default.ts:79:2 › DBTabs › should match screenshot ────────────────────────────────── [webkit] › default.ts:79:2 › DBTag › should match screenshot ─────────────────────────────────── [webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ─────────────────────────── [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ────────────────────────────── [mobile_chrome] › default.ts:79:2 › DBBadge › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBadge › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBBrand › should match screenshot ────────────────────────── [mobile_chrome] › default.ts:219:2 › DBBrand › should have same aria-snapshot ────────────────── [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────── 3 flaky [webkit] › default.ts:79:2 › DBSection › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ─────────────────────────────── [webkit] › default.ts:79:2 › DBTooltip › should match screenshot ─────────────────────────────── 59 skipped 58 passed (5.1m)

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

5 failed [chromium] › default.spec.ts:10:2 › button › overview should match screenshot ────────────────── [chromium] › default.spec.ts:10:2 › link › overview should match screenshot ──────────────────── [chromium] › default.spec.ts:10:2 › brand › overview should match screenshot ─────────────────── [chromium] › default.spec.ts:10:2 › tooltip › overview should match screenshot ───────────────── [chromium] › default.spec.ts:10:2 › infotext › overview should match screenshot ──────────────── 9 passed (22.5s)

5 failed [chromium] › default.spec.ts:10:2 › tab-item › overview should match screenshot ──────────────── [chromium] › default.spec.ts:10:2 › checkbox › overview should match screenshot ──────────────── [chromium] › default.spec.ts:10:2 › input › overview should match screenshot ─────────────────── [chromium] › default.spec.ts:10:2 › radio › overview should match screenshot ─────────────────── [chromium] › default.spec.ts:10:2 › select › overview should match screenshot ────────────────── 9 passed (24.9s)

4 failed [chromium] › default.spec.ts:10:2 › switch › overview should match screenshot ────────────────── [chromium] › default.spec.ts:10:2 › textarea › overview should match screenshot ──────────────── [chromium] › default.spec.ts:10:2 › notification › overview should match screenshot ──────────── [chromium] › default.spec.ts:10:2 › badge › overview should match screenshot ─────────────────── 9 passed (21.1s)

5 failed [chromium] › default.spec.ts:10:2 › card › overview should match screenshot ──────────────────── [chromium] › default.spec.ts:10:2 › divider › overview should match screenshot ───────────────── [chromium] › default.spec.ts:10:2 › drawer › overview should match screenshot ────────────────── [chromium] › default.spec.ts:10:2 › header › overview should match screenshot ────────────────── [chromium] › default.spec.ts:10:2 › section › overview should match screenshot ───────────────── 8 passed (22.8s)