feat: separate bg colors from semantic color classes #12381
Annotations
4 errors, 1 warning, and 1 notice
showcases/patternhub/tests/default.spec.ts#L15
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/undefined/test-results/default-radio-docs-should-match-screenshot-chromium/radio-patternhub-actual.png
Diff: /__w/mono/mono/showcases/undefined/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.
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
|
showcases/patternhub/tests/default.spec.ts#L27
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')
25 | `./components/${component.name}/docs/Angular`,
26 | async (page) => {
> 27 | expect(await page.locator('h2').isVisible());
| ^
28 | }
29 | );
30 | });
at fn (/__w/mono/mono/showcases/patternhub/tests/default.spec.ts:27:38)
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:14:9
|
showcases/patternhub/tests/default.spec.ts#L15
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/undefined/test-results/default-checkbox-properties-should-match-screenshot-chromium/checkbox-patternhub-actual.png
Diff: /__w/mono/mono/showcases/undefined/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.
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
|
|
|
|
This job failed
Loading