Process completed with exit code 1.

1) [chromium] › default.spec.ts:10:2 › drawer › properties should match screenshot ─────────────── Error: Screenshot comparison failed: 38378 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/drawer/patternhub/drawer-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/undefined/test-results/default-drawer-properties-should-match-screenshot-chromium/drawer-patternhub-actual.png Diff: /__w/mono/mono/showcases/undefined/test-results/default-drawer-properties-should-match-screenshot-chromium/drawer-patternhub-diff.png Call log: - expect.toHaveScreenshot(drawer/patternhub.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 39242 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1001 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 38378 pixels (ratio 0.05 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 › drawer › properties should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38378 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/drawer/patternhub/drawer-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/undefined/test-results/default-drawer-properties-should-match-screenshot-chromium-retry1/drawer-patternhub-actual.png Diff: /__w/mono/mono/showcases/undefined/test-results/default-drawer-properties-should-match-screenshot-chromium-retry1/drawer-patternhub-diff.png Call log: - expect.toHaveScreenshot(drawer/patternhub.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 38378 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 38378 pixels (ratio 0.05 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 › notification › docs should match screenshot ─────────────── Error: Screenshot comparison failed: 380883 pixels (ratio 0.42 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/notification/patternhub/notification-docs-should-match-screenshot.png Received: /__w/mono/mono/showcases/undefined/test-results/default-notification-docs-should-match-screenshot-chromium/notification-patternhub-actual.png Diff: /__w/mono/mono/showcases/undefined/test-results/default-notification-docs-should-match-screenshot-chromium/notification-patternhub-diff.png Call log: - expect.toHaveScreenshot(notification/patternhub.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 380883 pixels (ratio 0.42 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 380883 pixels (ratio 0.42 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 › badge › properties should match screenshot ──────────────── Error: Screenshot comparison failed: 34454 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/patternhub/badge-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/undefined/test-results/default-badge-properties-should-match-screenshot-chromium/badge-patternhub-actual.png Diff: /__w/mono/mono/showcases/undefined/test-results/default-badge-properties-should-match-screenshot-chromium/badge-patternhub-diff.png Call log: - expect.toHaveScreenshot(badge/patternhub.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1001 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1001 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 34454 pixels (ratio 0.04 of all image pixels) are different. - waiting 500ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 34454 pixels (ratio 0.04 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 › card › properties should match screenshot ───────────────── Error: Screenshot comparison failed: 35490 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/patternhub/card-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/undefined/test-results/default-card-properties-should-match-screenshot-chromium/card-patternhub-actual.png Diff: /__w/mono/mono/showcases/undefined/test-results/default-card-properties-should-match-screenshot-chromium/card-patternhub-diff.png Call log: - expect.toHaveScreenshot(card/patternhub.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1001 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1001 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 35490 pixels (ratio 0.04 of all image pixels) are different. - waiting 500ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 35490 pixels (ratio 0.04 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 › divider › properties should match screenshot ────────────── Error: Screenshot comparison failed: 25170 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/divider/patternhub/divider-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/undefined/test-results/default-divider-properties-should-match-screenshot-chromium/divider-patternhub-actual.png Diff: /__w/mono/mono/showcases/undefined/test-results/default-divider-properties-should-match-screenshot-chromium/divider-patternhub-diff.png Call log: - expect.toHaveScreenshot(divider/patternhub.png) with timeout 10000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1001 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1001 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 25170 pixels (ratio 0.03 of all image pixels) are different. - waiting 500ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 25170 pixels (ratio 0.03 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22

1) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-1 Test timeout of 30000ms exceeded.

1) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-1 Error: page.evaluate: Test timeout of 30000ms exceeded. 107 | } 108 | > 109 | const accessibilityScanResults = await new AxeBuilder({ | ^ 110 | page 111 | }) 112 | .include('main') at AxeBuilder.finishRun (/__w/mono/mono/node_modules/@axe-core/playwright/dist/index.mjs:318:15) at AxeBuilder.analyze (/__w/mono/mono/node_modules/@axe-core/playwright/dist/index.mjs:216:14) at /__w/mono/mono/showcases/e2e/default.ts:109:37

1) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-1 Error: page.evaluate: Test timeout of 30000ms exceeded. Please check out https://github.com/dequelabs/axe-core-npm/blob/develop/packages/playwright/error-handling.md 107 | } 108 | > 109 | const accessibilityScanResults = await new AxeBuilder({ | ^ 110 | page 111 | }) 112 | .include('main') at AxeBuilder.analyze (/__w/mono/mono/node_modules/@axe-core/playwright/dist/index.mjs:218:13) at /__w/mono/mono/showcases/e2e/default.ts:109:37

1) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Test timeout of 30000ms exceeded. at fixtures/hover.ts:7 5 | const components = await page.locator('main').locator(selector).all(); 6 | for (const component of components) { > 7 | await component.evaluate((comp: HTMLElement) => { | ^ 8 | comp.setAttribute('data-e2e-hover', 'true'); 9 | }); 10 | } at hoverPre (/__w/mono/mono/showcases/e2e/fixtures/hover.ts:7:19) at /__w/mono/mono/showcases/e2e/default.ts:106:5

2) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-2 Test timeout of 30000ms exceeded.

2) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-2 Error: browserContext.newPage: Test timeout of 30000ms exceeded. Please check out https://github.com/dequelabs/axe-core-npm/blob/develop/packages/playwright/error-handling.md 107 | } 108 | > 109 | const accessibilityScanResults = await new AxeBuilder({ | ^ 110 | page 111 | }) 112 | .include('main') at AxeBuilder.analyze (/__w/mono/mono/node_modules/@axe-core/playwright/dist/index.mjs:218:13) at /__w/mono/mono/showcases/e2e/default.ts:109:37

2) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Test timeout of 30000ms exceeded. at fixtures/hover.ts:7 5 | const components = await page.locator('main').locator(selector).all(); 6 | for (const component of components) { > 7 | await component.evaluate((comp: HTMLElement) => { | ^ 8 | comp.setAttribute('data-e2e-hover', 'true'); 9 | }); 10 | } at hoverPre (/__w/mono/mono/showcases/e2e/fixtures/hover.ts:7:19) at /__w/mono/mono/showcases/e2e/default.ts:106:5

3) [mobile_safari] › default.ts:96:3 › DBPopover › should not have any A11y issues for color neutral-bg-lvl-3 Test timeout of 30000ms exceeded.

Process completed with exit code 1.

Process completed with exit code 1.

The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/github-script@v6. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/

The following actions uses Node.js version which is deprecated and will be forced to run on node20: actions/github-script@v6. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/

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

1 failed [chromium] › default.spec.ts:10:2 › drawer › properties should match screenshot ──────────────── 4 flaky [chromium] › default.spec.ts:10:2 › notification › docs should match screenshot ──────────────── [chromium] › default.spec.ts:10:2 › badge › properties should match screenshot ───────────────── [chromium] › default.spec.ts:10:2 › card › properties should match screenshot ────────────────── [chromium] › default.spec.ts:10:2 › divider › properties should match screenshot ─────────────── 10 passed (1.7m)