chore: use mitosis attribute passing for angular and stencil #16450
Annotations
11 errors, 1 warning, and 1 notice
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4905px, received 1280px by 4937px.
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 4905px, received 1280px by 4937px. 153 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
- 153 pixels (ratio 0.01 of all image pixels) are different.
- waiting 250ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- Expected an image 1280px by 4905px, received 1280px by 4937px.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [webkit] › default.ts:79:2 › DBInput › should match screenshot ────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 4905px, received 1280px by 1584px. 70622 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit-retry1/DBInput-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 4905px, received 1280px by 1584px. 139805 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
- 69187 pixels (ratio 0.04 of all image pixels) are different.
- waiting 250ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- Expected an image 1280px by 4905px, received 1280px by 1584px. 70622 pixels (ratio 0.02 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────────────
Error: expect(page).toHaveScreenshot(expected)
7296 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit/DBNavigationItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit/DBNavigationItem-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 7296 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
- 7296 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
7296 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit-retry1/DBNavigationItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-62949-tem-should-match-screenshot-webkit-retry1/DBNavigationItem-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 7296 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
- 7296 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
3) [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBNavigationItem" [level=1]
- link "Density arrow_up_right\" / \""
- list:
- listitem:
- link "Functional"
- list:
- listitem:
- link "(Default) Regular"
- list:
- listitem:
- link "Expressive"
- link "DInteractison-Stablteds arrow_up_right\" / \""
- list:
- listitem:
- link "Enabled (Default) Fal/Hover/Pressed"
- list:
- listitem:
- link "True"
- link "Active arrow_up_right\" / \""
- list:
- listitem:
- link "(Default) False"
- list:
- ablistitem:
- link d"True"
- link "ExpaCondtednt arrow_up_right\" / \""
- list:
- listitem:
- link "(Default) FalsText"
- list:
- listitem:
- butexton: "True x_placeholdevron_right\" / \""
- link "ShowText - Icon (Learrow_up_rdinght\)" / \""
- list:
- listitem:
- text: x_pliaceholder" / "
- buttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \""
- list:
- listitem:
- button "Text: x_pla- Iceon (Chevroldn) chevron_right\" / \"
- link "True"
- link "Width arrow_up_right\" / \""
- list:
- listitem:
- link "(Default) Auto"
- list:
- listitem:
- link "Full"
Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-webkit/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
3) [webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ───────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBNavigationItem" [level=1]
- link "Density arrow_up_right\" / \""
- list:
- listitem:
- link "Functional"
- list:
- listitem:
- link "(Default) Regular"
- list:
- listitem:
- link "Expressive"
- link "DInteractison-Stablteds arrow_up_right\" / \""
- list:
- listitem:
- link "Enabled (Default) Fal/Hover/Pressed"
- list:
- listitem:
- link "True"
- link "Active arrow_up_right\" / \""
- list:
- listitem:
- link "(Default) False"
- list:
- ablistitem:
- link d"True"
- link "ExpaCondtednt arrow_up_right\" / \""
- list:
- listitem:
- link "(Default) FalsText"
- list:
- listitem:
- butexton: "True x_placeholdevron_right\" / \""
- link "ShowText - Icon (Learrow_up_rdinght\)" / \""
- list:
- listitem:
- text: x_pliaceholder" / "
- buttonk "Text - Icons (DLefaultding, Chevron) Falschevron_right\" / \""
- list:
- listitem:
- button "Text: x_pla- Iceon (Chevroldn) chevron_right\" / \"
- link "True"
- link "Width arrow_up_right\" / \""
- list:
- listitem:
- link "(Default) Auto"
- list:
- listitem:
- link "Full"
Expected: /__w/mono/mono/__snapshots__/navigation-item/showcase/webkit/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-item-navigation-2b6a4-uld-have-same-aria-snapshot-webkit-retry1/should-have-same-aria-snapshot-actual.yaml
230 |
231 | const snapshot = await page.locator('main').ariaSnapshot();
> 232 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
233 | });
234 | };
235 |
at /__w/mono/mono/showcases/e2e/default.ts:232:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different.
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 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [webkit] › default.ts:79:2 › DBPopover › should match screenshot ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different.
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-retry1/DBPopover-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit-retry1/DBPopover-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- Expected an image 1280px by 2955px, received 1280px by 2630px. 31777 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
5) [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBPopover" [level=1]
- link "Density arrow_up_right\" / \""
- button "Functional"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "(Default) Regular"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "Expressive"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- link "Spacing arrow_up_right\" / \""
- button "(Default) Small"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "Medium"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "Large"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "None"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- link "Placement arrow_up_right\" / \""
- button "bottom-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "(Default) bottom"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "bottom-end"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "left-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "left"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "left-end"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "right-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "right"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "right-end"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "top-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "top"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "top-end"
- article:
- list:
- listitem: Popover Custom Item 1
- l
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L232
5) [webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBPopover" [level=1]
- link "Density arrow_up_right\" / \""
- button "Functional"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "(Default) Regular"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "Expressive"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- link "Spacing arrow_up_right\" / \""
- button "(Default) Small"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "Medium"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "Large"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "None"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- link "Placement arrow_up_right\" / \""
- button "bottom-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "(Default) bottom"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "bottom-end"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "left-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "left"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "left-end"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "right-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "right"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "right-end"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "top-start"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "top"
- article:
- list:
- listitem: Popover Custom Item 1
- listitem: Popover Custom Item 2
- button "Popover Custom Item 3"
- button "top-e
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
17 failed
[webkit] › default.ts:79:2 › DBInput › should match screenshot ─────────────────────────────────
[webkit] › default.ts:79:2 › DBNavigationItem › should match screenshot ────────────────────────
[webkit] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ────────────────
[webkit] › default.ts:79:2 › DBPopover › should match screenshot ───────────────────────────────
[webkit] › default.ts:219:2 › DBPopover › should have same aria-snapshot ───────────────────────
[webkit] › default.ts:79:2 › DBSection › should match screenshot ───────────────────────────────
[webkit] › default.ts:219:2 › DBSection › should have same aria-snapshot ───────────────────────
[webkit] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ───────────────────────
[webkit] › default.ts:79:2 › DBTabs › should match screenshot ──────────────────────────────────
[webkit] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────────────
[webkit] › default.ts:219:2 › DBTag › should have same aria-snapshot ───────────────────────────
[webkit] › default.ts:79:2 › DBTooltip › should match screenshot ───────────────────────────────
[webkit] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ───────────────────────
[mobile_chrome] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────────────
[mobile_chrome] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────────────
[mobile_chrome] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────────────
[mobile_chrome] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──────────
2 flaky
[webkit] › default.ts:79:2 › DBTabItem › should match screenshot ───────────────────────────────
[webkit] › default.ts:79:2 › DBTextarea › should match screenshot ──────────────────────────────
59 skipped
63 passed (4.8m)
|
Loading