refactor: component properties for alpha components #16248
Annotations
11 errors, 1 warning, and 1 notice
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2630px, received 1280px by 2955px. 13637 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-DBTooltip-should-match-screenshot-chromium/DBTooltip-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-DBTooltip-should-match-screenshot-chromium/DBTooltip-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 2955px. 13637 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 2630px, received 1280px by 2955px. 13637 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
1) [chromium] › default.ts:79:2 › DBTooltip › should match screenshot ────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2630px, received 1280px by 2955px. 13637 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-DBTooltip-should-match-screenshot-chromium-retry1/DBTooltip-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-DBTooltip-should-match-screenshot-chromium-retry1/DBTooltip-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 2955px. 13637 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 2630px, received 1280px by 2955px. 13637 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
2) [chromium] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBTooltip" [level=1]
- link "Density arrow_up_right\" / \""
- button "Functional"
- button "(Default) Regular"
- button "Expressive"
- link "VaShow Ariantrow arrow_up_right\" / \""
- button "(Default) With aTrrowue"
- button "BFalsice"
- link "Emphasis arrow_up_right\" / \""
- button "(Default) Weak"
- button "Strong"
- link "Placement arrow_up_right\" / \""
- button "bottom-start"
- button "(Default) bottom"
- button "bottom-end"
- button "left-start"
- button "left"
- button "left-end"
- button "right-start"
- button "right"
- button "right-end"
- button "top-start"
- button "top"
- button "top-end"
- link "Width arrow_up_right\" / \""
- button "(Default) Auto"
- button "Fixed"
- link "Animations arrow_up_right\" / \""
- button "(Default) Animation no dTruelay"
- button "False"
- link "Delay slarrow_up_right\" / \""
- button "(Delay fasult) None"
- button "NSlow"
anima - butiton "Fast"
Expected: /__w/mono/mono/__snapshots__/tooltip/showcase/chromium/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-D-95146-uld-have-same-aria-snapshot-chromium/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
2) [chromium] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBTooltip" [level=1]
- link "Density arrow_up_right\" / \""
- button "Functional"
- button "(Default) Regular"
- button "Expressive"
- link "VaShow Ariantrow arrow_up_right\" / \""
- button "(Default) With aTrrowue"
- button "BFalsice"
- link "Emphasis arrow_up_right\" / \""
- button "(Default) Weak"
- button "Strong"
- link "Placement arrow_up_right\" / \""
- button "bottom-start"
- button "(Default) bottom"
- button "bottom-end"
- button "left-start"
- button "left"
- button "left-end"
- button "right-start"
- button "right"
- button "right-end"
- button "top-start"
- button "top"
- button "top-end"
- link "Width arrow_up_right\" / \""
- button "(Default) Auto"
- button "Fixed"
- link "Animations arrow_up_right\" / \""
- button "(Default) Animation no dTruelay"
- button "False"
- link "Delay slarrow_up_right\" / \""
- button "(Delay fasult) None"
- button "NSlow"
anima - butiton "Fast"
Expected: /__w/mono/mono/__snapshots__/tooltip/showcase/chromium/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tooltip-tooltip-snapshot-D-95146-uld-have-same-aria-snapshot-chromium-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
3) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1755px, received 1280px by 1749px. 26517 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/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-chromium-highContrast/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/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 1755px, received 1280px by 1749px. 26517 pixels (ratio 0.02 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 1755px, received 1280px by 1749px. 26517 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
3) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1755px, received 1280px by 1749px. 26517 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/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-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/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 1755px, received 1280px by 1749px. 26517 pixels (ratio 0.02 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 1755px, received 1280px by 1749px. 26517 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#L232
4) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBAccordion" [level=1]
- link "Density arrow_up_right\" / \""
- text: Functional
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: (Default) Regular
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: Expressive
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: background (dDefault) Divider
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: cCard
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- link "Behaviour arrow_up_right\" / \""
- text: (Default) Multiple
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: Single
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast/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
4) [chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ─────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBAccordion" [level=1]
- link "Density arrow_up_right\" / \""
- text: Functional
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: (Default) Regular
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: Expressive
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- link "Variant arrow_up_right\" / \""
- text: background (dDefault) Divider
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: cCard
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- link "Behaviour arrow_up_right\" / \""
- text: (Default) Multiple
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
- text: Single
- list:
- listitem:
- group: Item 1 chevron_down" / "
- listitem:
- group: Item 2 chevron_down" / "
- listitem:
- group: Item 3 chevron_down" / "
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-3e7c0-uld-have-same-aria-snapshot-chromium-highContrast-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
5) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────
Error: expect(page).toHaveScreenshot(expected)
3066 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/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-chromium-highContrast/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-chromium-highContrast/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
- 3066 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
- 3066 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
5) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
3066 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/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-chromium-highContrast-retry1/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-chromium-highContrast-retry1/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
- 3066 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
- 3066 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
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/stencil-showcase-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
12 failed
[chromium] › default.ts:79:2 › DBTooltip › should match screenshot ─────────────────────────────
[chromium] › default.ts:219:2 › DBTooltip › should have same aria-snapshot ─────────────────────
[chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────
[chromium-highContrast] › default.ts:219:2 › DBAccordion › should have same aria-snapshot ──────
[chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────
[chromium-highContrast] › default.ts:219:2 › DBAccordionItem › should have same aria-snapshot ──
[chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ───────────────────
[chromium-highContrast] › default.ts:219:2 › DBCard › should have same aria-snapshot ───────────
[chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────
[chromium-highContrast] › default.ts:219:2 › DBNavigationItem › should have same aria-snapshot ─
[chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ────────────────
[chromium-highContrast] › default.ts:219:2 › DBPopover › should have same aria-snapshot ────────
22 skipped
107 passed (4.2m)
|
Loading