chore(deps-dev): bump the playwright group with 3 updates #15064
Annotations
6 errors, 1 warning, and 1 notice
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L227
1) [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBTabItem" [level=1]
- link "Density arrow_up_right\" / \""
- tablist:
- tab "Functional": on
- text: Functional
- tablist:
- tab "(Default) Regular": on
- text: (Default) Regular
- tablist:
- tab "Expressive": on
- text: Expressive
- link "States arrow_up_right\" / \""
- tablist:
- tab "(Default) Enabled": on
- text: (Default) Enabled
- tablist:
- tab "active" [selected]: on
- text: active
- tablist:
- tab "disabled" [disabled]: on
- text: disabled
- link "Content arrow_up_right\" / \""
- tablist:
- tab "(Default) Text": on
- text: (Default) Text
- tablist:
- text: db" / "
- tab "db\" / \" Text - Icon (Leading)": on
- text: Text - Icon (Leading)
- tablist:
- tab "Text - Icon (Trailing) db\" / \"": on
- text: Text - Icon (Trailing) db" / "
- tablist:
- text: db" / "
- tab "db\" / \" Icon": on
- text: Icon
- link "Behaviour arrow_up_right\" / \""
- tablist:
- tab "(Default) Auto Width": on
- text: (Default) Auto Width
- tablist:
- tab "Width full": on
- text: Width full
- link "Content Alignment Full Width arrow_up_right\" / \""
- tablist:
- tab "Left": on
- text: Left
- tablist:
- tab "Centered": on
- text: Centered
Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium/should-have-same-aria-snapshot-actual.yaml
225 |
226 | const snapshot = await page.locator('main').ariaSnapshot();
> 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
228 | });
229 | };
230 |
at /__w/mono/mono/showcases/e2e/default.ts:227:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L227
1) [chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(string).toMatchSnapshot(expected)
- main:
- heading "DBTabItem" [level=1]
- link "Density arrow_up_right\" / \""
- tablist:
- tab "Functional": on
- text: Functional
- tablist:
- tab "(Default) Regular": on
- text: (Default) Regular
- tablist:
- tab "Expressive": on
- text: Expressive
- link "States arrow_up_right\" / \""
- tablist:
- tab "(Default) Enabled": on
- text: (Default) Enabled
- tablist:
- tab "active" [selected]: on
- text: active
- tablist:
- tab "disabled" [disabled]: on
- text: disabled
- link "Content arrow_up_right\" / \""
- tablist:
- tab "(Default) Text": on
- text: (Default) Text
- tablist:
- text: db" / "
- tab "db\" / \" Text - Icon (Leading)": on
- text: Text - Icon (Leading)
- tablist:
- tab "Text - Icon (Trailing) db\" / \"": on
- text: Text - Icon (Trailing) db" / "
- tablist:
- text: db" / "
- tab "db\" / \" Icon": on
- text: Icon
- link "Behaviour arrow_up_right\" / \""
- tablist:
- tab "(Default) Auto Width": on
- text: (Default) Auto Width
- tablist:
- tab "Width full": on
- text: Width full
- link "Content Alignment Full Width arrow_up_right\" / \""
- tablist:
- tab "Left": on
- text: Left
- tablist:
- tab "Centered": on
- text: Centered
Expected: /__w/mono/mono/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tab-item-tab-item-snapshot-be296-uld-have-same-aria-snapshot-chromium-retry1/should-have-same-aria-snapshot-actual.yaml
225 |
226 | const snapshot = await page.locator('main').ariaSnapshot();
> 227 | expect(snapshot).toMatchSnapshot(`${title}.yaml`);
| ^
228 | });
229 | };
230 |
at /__w/mono/mono/showcases/e2e/default.ts:227:20
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L227
2) [chromium] › 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
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L227
2) [chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
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:"
-
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1661px, received 1280px by 1677px. 20480 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
- Expected an image 1280px by 1661px, received 1280px by 1677px. 20480 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 1661px, received 1280px by 1677px. 20480 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/-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
2 failed
[chromium] › default.ts:219:2 › DBTabItem › should have same aria-snapshot ─────────────────────
[chromium] › default.ts:219:2 › DBTabs › should have same aria-snapshot ────────────────────────
1 flaky
[chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────
19 skipped
116 passed (2.9m)
|
Loading