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

1) [chromium] › default.spec.ts:10:2 › radio › docs should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.isVisible: Error: strict mode violation: locator('h2') resolved to 3 elements: 1) <h2 id="angular">…</h2> aka getByRole('heading', { name: 'Angular' }) 2) <h2 id="how-to-use-with-template-driven-forms">…</h2> aka getByRole('heading', { name: 'How to use with Template' }) 3) <h2 id="how-to-use-with-reactive-forms">…</h2> aka getByRole('heading', { name: 'How to use with Reactive Forms' }) Call log: - checking visibility of locator('h2') 26 | `./components/${component.name}/docs/Angular`, 27 | async (page) => { > 28 | expect(await page.locator('h2').isVisible()); | ^ 29 | } 30 | ); 31 | }); at fn (/__w/mono/mono/showcases/patternhub/tests/default.spec.ts:28:38) at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:9

2) [chromium] › default.spec.ts:10:2 › checkbox › properties should match screenshot ───────────── Error: Screenshot comparison failed: 1001 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/checkbox/patternhub/checkbox-properties-should-match-screenshot.png Received: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-properties-should-match-screenshot-chromium/checkbox-patternhub-actual.png Diff: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-properties-should-match-screenshot-chromium/checkbox-patternhub-diff.png Call log: - expect.toHaveScreenshot(checkbox/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 - captured a stable screenshot - 1001 pixels (ratio 0.01 of all image pixels) are different. 14 | }); 15 | await fn(page); > 16 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 17 | }); 18 | }; 19 | at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:16:22

Process completed with exit code 1.