feat: provide Web Components (StencilJS) #13982
nmergetdefault.yml
on: pull_request
init
/
Init
1m 22s
scan-secrets
/
TruffleHog
53s
get-playwright-version
/
Get and save publish version
24s
lint
/
Lint
51s
Matrix: init-playwright / init-playwright
build-showcase-react
/
Build Showcase react-showcase
30s
Matrix: test-components / playwright-ct
build-showcase-angular
/
Build Showcase angular-showcase
40s
build-showcase-stencil
/
Build Showcase stencil-showcase
42s
build-showcase-vue
/
Build Showcase vue-showcase
29s
build-outputs
/
Build outputs
1m 5s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
1m 1s
build-showcase-next
/
Build Showcase next-showcase
58s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
40s
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-patternhub / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-patternhub
/
regenerate-snapshots
regenerate-snapshots
/
regenerate-snapshots
deploy
/
Deploy
Annotations
15 errors, 4 warnings, and 2 notices
|
[webkit] › default.ts:70:2 › DBInput › should match screenshot:
showcases/e2e/default.ts#L102
1) [webkit] › default.ts:70:2 › DBInput › should match screenshot ────────────────────────────────
Error: Screenshot comparison failed:
948 pixels (ratio 0.01 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/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 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 948 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
- 948 pixels (ratio 0.01 of all image pixels) are different.
100 | }
101 |
> 102 | await expect(page).toHaveScreenshot(config);
| ^
103 | });
104 | };
105 |
at /__w/mono/mono/showcases/e2e/default.ts:102:22
|
|
[webkit] › default.ts:70:2 › DBInput › should match screenshot:
showcases/e2e/default.ts#L102
1) [webkit] › default.ts:70:2 › DBInput › should match screenshot ────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
948 pixels (ratio 0.01 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 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 948 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
- 948 pixels (ratio 0.01 of all image pixels) are different.
100 | }
101 |
> 102 | await expect(page).toHaveScreenshot(config);
| ^
103 | });
104 | };
105 |
at /__w/mono/mono/showcases/e2e/default.ts:102:22
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
Process completed with exit code 1.
|
|
[mobile_safari] › default.ts:70:2 › DBAccordion › should match screenshot:
showcases/e2e/default.ts#L102
1) [mobile_safari] › default.ts:70:2 › DBAccordion › should match screenshot ─────────────────────
Error: Screenshot comparison failed:
38619 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/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-mobile-safari/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-mobile-safari/DBAccordion-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 38619 pixels (ratio 0.05 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
- 38619 pixels (ratio 0.05 of all image pixels) are different.
100 | }
101 |
> 102 | await expect(page).toHaveScreenshot(config);
| ^
103 | });
104 | };
105 |
at /__w/mono/mono/showcases/e2e/default.ts:102:22
|
|
[mobile_safari] › default.ts:70:2 › DBAccordion › should match screenshot:
showcases/e2e/default.ts#L102
1) [mobile_safari] › default.ts:70:2 › DBAccordion › should match screenshot ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
38619 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/mobile-safari/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-mobile-safari-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-mobile-safari-retry1/DBAccordion-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 38619 pixels (ratio 0.05 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
- 38619 pixels (ratio 0.05 of all image pixels) are different.
100 | }
101 |
> 102 | await expect(page).toHaveScreenshot(config);
| ^
103 | });
104 | };
105 |
at /__w/mono/mono/showcases/e2e/default.ts:102:22
|
|
[mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1:
showcases/e2e/default.ts#L1
2) [mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1
Test timeout of 30000ms exceeded.
|
|
[mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1:
showcases/e2e/fixtures/viewport.ts#L9
2) [mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1
Error: page.waitForSelector: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('.db-main') to be visible
- locator resolved to visible <main class="db-main">…</main>
at fixtures/viewport.ts:9
7 | Number(node?.scrollHeight ?? 72)
8 | );
> 9 | const main = await page.waitForSelector('.db-main');
| ^
10 | const mainHeight: number = await main.evaluate((node) =>
11 | Number(node?.scrollHeight ?? 2500)
12 | );
at /__w/mono/mono/showcases/e2e/fixtures/viewport.ts:9:27
at gotoPage (/__w/mono/mono/showcases/e2e/default.ts:59:2)
at /__w/mono/mono/showcases/e2e/default.ts:131:4
|
|
[mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1:
showcases/e2e/default.ts#L1
2) [mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1:
showcases/e2e/default.ts#L40
2) [mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.evaluate: Target page, context or browser has been closed
38 | const dbPage = page.locator('.db-page');
39 | // We wait till db-page fully loaded
> 40 | await dbPage.evaluate((element) => {
| ^
41 | element.style.transition = 'none';
42 | });
43 | await expect(dbPage).not.toHaveAttribute('data-fonts-loaded', 'false');
at waitForDBPage (/__w/mono/mono/showcases/e2e/default.ts:40:15)
at gotoPage (/__w/mono/mono/showcases/e2e/default.ts:58:8)
at /__w/mono/mono/showcases/e2e/default.ts:131:4
|
|
[mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot:
showcases/e2e/default.ts#L1
3) [mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot ─────────────────────────
Test timeout of 30000ms exceeded.
|
|
[mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot:
showcases/e2e/fixtures/viewport.ts#L10
3) [mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot ─────────────────────────
Error: elementHandle.evaluate: Test timeout of 30000ms exceeded.
at fixtures/viewport.ts:10
8 | );
9 | const main = await page.waitForSelector('.db-main');
> 10 | const mainHeight: number = await main.evaluate((node) =>
| ^
11 | Number(node?.scrollHeight ?? 2500)
12 | );
13 |
at /__w/mono/mono/showcases/e2e/fixtures/viewport.ts:10:41
at gotoPage (/__w/mono/mono/showcases/e2e/default.ts:59:2)
at /__w/mono/mono/showcases/e2e/default.ts:92:3
|
|
[mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot:
showcases/e2e/default.ts#L1
3) [mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot:
showcases/e2e/default.ts#L40
3) [mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.evaluate: Target page, context or browser has been closed
38 | const dbPage = page.locator('.db-page');
39 | // We wait till db-page fully loaded
> 40 | await dbPage.evaluate((element) => {
| ^
41 | element.style.transition = 'none';
42 | });
43 | await expect(dbPage).not.toHaveAttribute('data-fonts-loaded', 'false');
at waitForDBPage (/__w/mono/mono/showcases/e2e/default.ts:40:15)
at gotoPage (/__w/mono/mono/showcases/e2e/default.ts:58:8)
at /__w/mono/mono/showcases/e2e/default.ts:92:3
|
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
Process completed with exit code 1.
|
|
checks-done
Process completed with exit code 1.
|
|
test-screen-reader / 🧪🎭 - screen-reader - macos-13 - react - 3/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 - 3/4
No files were found with the provided path: ./showcases/react-showcase/recordings. 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-stencil / 🧪🎭 - stencil-showcase:6/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
|
🎭 Playwright Run Summary
1 failed
[webkit] › default.ts:70:2 › DBInput › should match screenshot ─────────────────────────────────
90 skipped
50 passed (2.1m)
|
|
🎭 Playwright Run Summary
20 failed
[mobile_safari] › default.ts:70:2 › DBAccordion › should match screenshot ──────────────────────
[mobile_safari] › default.ts:122:3 › DBBadge › should not have any A11y issues for color neutral-bg-basic-level-1
[mobile_safari] › default.ts:70:2 › DBBadge › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:70:2 › DBButton › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:70:2 › DBCard › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:70:2 › DBCheckbox › should match screenshot ───────────────────────
[mobile_safari] › default.ts:70:2 › DBDivider › should match screenshot ────────────────────────
[mobile_safari] › default.ts:122:3 › DBDrawer › should not have any A11y issues for color neutral-bg-basic-level-1
[mobile_safari] › default.ts:70:2 › DBDrawer › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:70:2 › DBInput › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:70:2 › DBLink › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:70:2 › DBNotification › should match screenshot ───────────────────
[mobile_safari] › default.ts:122:3 › DBPopover › should not have any A11y issues for color neutral-bg-basic-level-1
[mobile_safari] › default.ts:70:2 › DBPopover › should match screenshot ────────────────────────
[mobile_safari] › default.ts:70:2 › DBRadio › should match screenshot ──────────────────────────
[mobile_safari] › default.ts:70:2 › DBSwitch › should match screenshot ─────────────────────────
[mobile_safari] › default.ts:70:2 › DBTabItem › should match screenshot ────────────────────────
[mobile_safari] › default.ts:70:2 › DBTabs › should match screenshot ───────────────────────────
[mobile_safari] › default.ts:70:2 › DBTag › should match screenshot ────────────────────────────
[mobile_safari] › default.ts:70:2 › DBTooltip › should match screenshot ────────────────────────
90 skipped
31 passed (12.0m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
db-ui-angular-showcase
|
919 KB |
|
|
db-ui-angular-ssr-showcase
|
1.6 MB |
|
|
db-ui-components-build
|
411 KB |
|
|
db-ui-foundations-build
|
253 KB |
|
|
db-ui-next-showcase
|
983 KB |
|
|
db-ui-nuxt-showcase
|
1.44 MB |
|
|
db-ui-output
|
368 KB |
|
|
db-ui-outputs
|
4.78 MB |
|
|
db-ui-patternhub
|
3.11 MB |
|
|
db-ui-react-showcase
|
822 KB |
|
|
db-ui-stencil-showcase
|
875 KB |
|
|
db-ui-vue-showcase
|
798 KB |
|
|
stencil-showcase-playwright-results-4
Expired
|
1.48 MB |
|
|
stencil-showcase-playwright-results-6
Expired
|
21.1 MB |
|