feat: align properties with Figma to have a nearly 1:1 relationship #15351
default.yml
on: pull_request
init
/
Init
26s
scan-secrets
/
TruffleHog
57s
get-playwright-version
/
Get and save publish version
22s
Matrix: init-playwright / init-playwright
build-showcase-react
/
Build Showcase react-showcase
34s
Matrix: test-components / playwright-ct
build-showcase-angular
/
Build Showcase angular-showcase
45s
build-showcase-stencil
/
Build Showcase stencil-showcase
46s
build-showcase-vue
/
Build Showcase vue-showcase
26s
build-outputs
/
Build outputs
1m 13s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
1m 2s
build-showcase-next
/
Build Showcase next-showcase
54s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
52s
Matrix: test-showcase-patternhub / playwright-showcases
Matrix: test-showcase-react / playwright-showcases
Matrix: test-screen-reader / playwright-screen-reader
regenerate-snapshots-components
/
regenerate-snapshots
regenerate-snapshots-foundations
/
regenerate-snapshots
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-patternhub
/
regenerate-snapshots
regenerate-snapshots
/
🧪🎭 - Regenerate snapshots showcases
7m 40s
deploy
/
Deploy
Annotations
96 errors, 27 warnings, and 23 notices
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
Process completed with exit code 1.
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-react / 🧪🎭 - react-showcase:5/6
Process completed with exit code 1.
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
Process completed with exit code 1.
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
Process completed with exit code 1.
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
Process completed with exit code 1.
|
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1329 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/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
- 1329 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1329 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1329 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-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
- 1329 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1329 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/default.ts#L229
3) [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBTabs" [level=1]
- link "Density arrow_up_right\" / \""
- text: "Functional:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- text: "(Default) Regular:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- text: "Expressive:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- link "Orientation arrow_up_right\" / \""
- text: "horizontal:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- text: "vertical:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- link "Width arrow_up_right\" / \""
- text: "auto:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- text: "full - alignment: start:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- text: "full - alignment: center:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- link "Overflow arrow_up_right\" / \""
- text: "no overflow:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 1": Tab Panel 1
- text: "with overflow - behaviour: arrows:"
- button "chevron_right\" / \" Scroll right"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tab "Test 4": on
- text: Test 4
- tab "Test 5": on
- text: Test 5
- tabpanel "Test 1": Tab Panel 1
- text: "with overflow - behaviour: scrollbar:"
- tablist:
- tab "Test 1" [selected]: on
- text: Test 1
- tab "Test 2": on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tab "Test 4": on
- text: Test 4
- tab "Test 5": on
- text: Test 5
- tabpanel "Test 1": Tab Panel 1
- link "Examples arrow_up_right\" / \""
- text: "2 tab selected:"
- tablist:
- tab "Test 1": on
- text: Test 1
- tab "Test 2" [selected]: on
- text: Test 2
- tab "Test 3": on
- text: Test 3
- tabpanel "Test 2": Tab Panel 2
- text: "nothing selected:"
- tablist:
- tab "Test 1": on
- text: Test 1
- tab "Test 2": on
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-react / 🧪🎭 - react-showcase:1/6
Process completed with exit code 1.
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-react / 🧪🎭 - react-showcase:2/6
Process completed with exit code 1.
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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/vue-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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/vue-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
Process completed with exit code 1.
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-react / 🧪🎭 - react-showcase:4/6
Process completed with exit code 1.
|
test-showcase-react / 🧪🎭 - react-showcase:6/6
Process completed with exit code 1.
|
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1329 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/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
- 1329 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1329 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1329 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-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
- 1329 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1329 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/vue-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
Process completed with exit code 1.
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-react / 🧪🎭 - react-showcase:3/6
Process completed with exit code 1.
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
Process completed with exit code 1.
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
Process completed with exit code 1.
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
Process completed with exit code 1.
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-chrome-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
Process completed with exit code 1.
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1329 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari/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
- 1329 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1329 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1329 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-mobile-safari-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
- 1329 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1329 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-safari/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-mobile-safari-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
Process completed with exit code 1.
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
Process completed with exit code 1.
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-highContrast-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
Process completed with exit code 1.
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[chromium] › default.ts:79:2 › DBPopover › should match screenshot:
showcases/e2e/default.ts#L111
2) [chromium] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2630px, received 1280px by 2646px.
Expected: /__w/mono/mono/__snapshots__/popover/showcase/chromium/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-chromium/DBPopover-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-chromium/DBPopover-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2630px, received 1280px by 2646px.
- 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.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
Process completed with exit code 1.
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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/angular-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-webkit-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
Process completed with exit code 1.
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[webkit] › default.ts:79:2 › DBAccordion › should match screenshot:
showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBAccordion › should match screenshot ────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1737px, received 1280px by 1753px.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1737px, received 1280px by 1753px.
- 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 1737px, received 1280px by 1753px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1655px, received 1280px by 1687px.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1655px, received 1280px by 1687px. 56836 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
- 56836 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
- Expected an image 1280px by 1655px, received 1280px by 1687px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBButton › should match screenshot:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBButton › should match screenshot ───────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2630px, received 1280px by 2662px.
Expected: /__w/mono/mono/__snapshots__/button/showcase/webkit/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-webkit/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-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
- Expected an image 1280px by 2630px, received 1280px by 2662px.
- 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 2662px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBCheckbox › should match screenshot:
showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBCheckbox › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2630px, received 1280px by 2662px.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/webkit/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-webkit/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-webkit/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
- Expected an image 1280px by 2630px, received 1280px by 2662px.
- 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 2662px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
Process completed with exit code 1.
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
1) [firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-firefox-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBLink › should match screenshot:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBLink › should match screenshot ─────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1189 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
- 1189 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1189 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot:
showcases/e2e/default.ts#L229
2) [webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBLink" [level=1]
- link "Density arrow_up_right\" / \""
- link "Functional arrow_right\" / \""
- link "(Default) Regular arrow_right\" / \""
- link "Expressive arrow_right\" / \""
- link "Semantic arrow_up_right\" / \""
- link "(Default) Adaptive arrow_right\" / \""
- link "Brand arrow_right\" / \""
- link "Interaction-States arrow_up_right\" / \""
- link "Enabled (Default)/Hover/Pressed arrow_right\" / \""
- link "Disabled arrow_right\" / \"" [disabled]
- link "Size arrow_up_right\" / \""
- link "(Default) Medium arrow_right\" / \""
- link "Small arrow_right\" / \""
- link "Content arrow_up_right\" / \""
- link "(Default) Internal arrow_right\" / \""
- link "External arrow_up_right\" / \""
- link "Show Icon"
Expected: /__w/mono/mono/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/link-link-snapshot-DBLink-should-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml
227 |
228 | const snapshot = await page.locator('main').ariaSnapshot();
> 229 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
230 | });
231 | };
232 |
at /__w/mono/mono/showcases/e2e/default.ts:229:20
|
[webkit] › default.ts:79:2 › DBInput › should match screenshot:
showcases/e2e/default.ts#L111
3) [webkit] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 3615px, received 1280px by 3631px.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 3615px, received 1280px by 3631px.
- 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 3615px, received 1280px by 3631px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBNotification › should match screenshot:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBNotification › should match screenshot ─────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 3393px, received 1280px by 3409px.
Expected: /__w/mono/mono/__snapshots__/notification/showcase/webkit/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-webkit/DBNotification-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/notification-notification--533fc-ion-should-match-screenshot-webkit/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
- Expected an image 1280px by 3393px, received 1280px by 3409px.
- 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 3393px, received 1280px by 3409px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBPopover › should match screenshot:
showcases/e2e/default.ts#L111
5) [webkit] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2630px, received 1280px by 2662px.
Expected: /__w/mono/mono/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2630px, received 1280px by 2662px.
- 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 2662px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBTabItem › should match screenshot:
showcases/e2e/default.ts#L111
6) [webkit] › default.ts:79:2 › DBTabItem › should match screenshot ──────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2305px, received 1280px by 2321px.
Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-DBTabItem-should-match-screenshot-webkit/DBTabItem-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2305px, received 1280px by 2321px.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- Expected an image 1280px by 2305px, received 1280px by 2321px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBTag › should match screenshot:
showcases/e2e/default.ts#L111
7) [webkit] › default.ts:79:2 › DBTag › should match screenshot ──────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 3280px, received 1280px by 3312px.
Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/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-webkit/DBTag-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-webkit/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
- Expected an image 1280px by 3280px, received 1280px by 3312px.
- 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 3280px, received 1280px by 3312px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot:
showcases/e2e/default.ts#L111
8) [webkit] › default.ts:79:2 › DBTextarea › should match screenshot ─────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2975px, received 1280px by 2991px.
Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/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-webkit/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/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
- Expected an image 1280px by 2975px, received 1280px by 2991px.
- 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 2975px, received 1280px by 2991px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
Process completed with exit code 1.
|
checks-done
Process completed with exit code 1.
|
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 2/4
No files were found with the provided path: ./showcases/react-showcase/test-results. No artifacts will be uploaded.
|
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 2/4
No files were found with the provided path: ./showcases/react-showcase/recordings. No artifacts will be uploaded.
|
test-showcase-react / 🧪🎭 - react-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-react / 🧪🎭 - react-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-react / 🧪🎭 - react-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-react / 🧪🎭 - react-showcase:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-react / 🧪🎭 - react-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-react / 🧪🎭 - react-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
Slow Test:
[chromium] › default.ts#L1
[chromium] › default.ts took 46.2s
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
Slow Test:
[mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 16.5s
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
🎭 Playwright Run Summary
1 failed
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────
49 skipped
119 passed (2.0m)
|
🎭 Playwright Run Summary
1 failed
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────
49 skipped
119 passed (2.1m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
168 passed (3.7m)
|
🎭 Playwright Run Summary
1 failed
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────
168 passed (3.8m)
|
🎭 Playwright Run Summary
2 failed
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────
1 flaky
[mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────
49 skipped
117 passed (3.6m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
168 passed (3.7m)
|
🎭 Playwright Run Summary
1 failed
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────
168 passed (3.8m)
|
🎭 Playwright Run Summary
2 failed
[webkit] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────────────
49 skipped
118 passed (4.4m)
|
🎭 Playwright Run Summary
2 failed
[webkit] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────────────
49 skipped
118 passed (4.3m)
|
🎭 Playwright Run Summary
2 failed
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────
49 skipped
118 passed (3.5m)
|
🎭 Playwright Run Summary
1 failed
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
49 skipped
119 passed (5.7m)
|
🎭 Playwright Run Summary
1 failed
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
49 skipped
119 passed (5.8m)
|
🎭 Playwright Run Summary
1 failed
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────
63 skipped
105 passed (2.0m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
14 skipped
154 passed (4.2m)
|
🎭 Playwright Run Summary
1 failed
[mobile_chrome] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────
59 skipped
80 passed (1.6m)
|
🎭 Playwright Run Summary
1 failed
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────
14 skipped
154 passed (4.3m)
|
🎭 Playwright Run Summary
2 failed
[mobile_safari] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────────────
63 skipped
104 passed (3.5m)
|
🎭 Playwright Run Summary
1 failed
[chromium-highContrast] › default.ts:219:2 › DBLink › should have same aria-snapshot ───────────
22 skipped
118 passed (3.3m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.ts:219:2 › DBLink › should have same aria-snapshot ────────────────────────
1 flaky
[chromium] › default.ts:79:2 › DBPopover › should match screenshot ─────────────────────────────
20 skipped
119 passed (3.4m)
|
🎭 Playwright Run Summary
2 failed
[webkit] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────────────
63 skipped
104 passed (4.2m)
|
🎭 Playwright Run Summary
1 failed
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
4 flaky
[webkit] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────────────────────
[webkit] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────────────────────
[webkit] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────────────
[webkit] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────────────────────
57 skipped
79 passed (3.2m)
|
🎭 Playwright Run Summary
1 failed
[firefox] › default.ts:219:2 › DBLink › should have same aria-snapshot ─────────────────────────
63 skipped
105 passed (5.0m)
|
🎭 Playwright Run Summary
2 failed
[webkit] › default.ts:79:2 › DBLink › should match screenshot ──────────────────────────────────
[webkit] › default.ts:219:2 › DBLink › should have same aria-snapshot ──────────────────────────
7 flaky
[webkit] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────────
[webkit] › default.ts:79:2 › DBNotification › should match screenshot ──────────────────────────
[webkit] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────────
[webkit] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────────
[webkit] › default.ts:79:2 › DBTag › should match screenshot ───────────────────────────────────
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────────
[webkit] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────────
59 skipped
73 passed (3.9m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
angular-showcase-playwright-results-1
|
357 KB |
|
angular-showcase-playwright-results-2
|
374 KB |
|
angular-showcase-playwright-results-3
|
407 KB |
|
angular-showcase-playwright-results-4
|
1.55 MB |
|
angular-showcase-playwright-results-5
|
313 KB |
|
angular-showcase-playwright-results-6
|
1.5 MB |
|
db-ui-angular-showcase
|
1.43 MB |
|
db-ui-angular-ssr-showcase
|
2.17 MB |
|
db-ui-components-build
|
349 KB |
|
db-ui-foundations-build
|
256 KB |
|
db-ui-next-showcase
|
1.5 MB |
|
db-ui-nuxt-showcase
|
1.98 MB |
|
db-ui-output
|
428 KB |
|
db-ui-outputs
|
6.26 MB |
|
db-ui-patternhub
|
3.72 MB |
|
db-ui-react-showcase
|
1.35 MB |
|
db-ui-stencil-showcase
|
1.4 MB |
|
db-ui-vue-showcase
|
1.31 MB |
|
react-showcase-playwright-results-1
|
359 KB |
|
react-showcase-playwright-results-2
|
374 KB |
|
react-showcase-playwright-results-3
|
357 KB |
|
react-showcase-playwright-results-4
|
1.46 MB |
|
react-showcase-playwright-results-5
|
263 KB |
|
react-showcase-playwright-results-6
|
1.39 MB |
|
snapshots-showcases
|
11.9 MB |
|
stencil-showcase-playwright-results-1
|
1.8 MB |
|
stencil-showcase-playwright-results-2
|
382 KB |
|
stencil-showcase-playwright-results-4
|
3.39 MB |
|
stencil-showcase-playwright-results-5
|
10.1 MB |
|
stencil-showcase-playwright-results-6
|
319 KB |
|
vue-showcase-playwright-results-1
|
323 KB |
|
vue-showcase-playwright-results-2
|
332 KB |
|
vue-showcase-playwright-results-3
|
361 KB |
|
vue-showcase-playwright-results-4
|
1.46 MB |
|
vue-showcase-playwright-results-5
|
267 KB |
|
vue-showcase-playwright-results-6
|
2.03 MB |
|