refactor: patternhub examples to align with figma props #15647
default.yml
on: pull_request
init
/
Init
21s
scan-secrets
/
TruffleHog
59s
get-playwright-version
/
Get and save publish version
34s
Matrix: init-playwright / init-playwright
build-showcase-react
/
Build Showcase react-showcase
31s
Matrix: test-components / playwright-ct
build-showcase-angular
/
Build Showcase angular-showcase
43s
build-showcase-stencil
/
Build Showcase stencil-showcase
54s
build-showcase-vue
/
Build Showcase vue-showcase
28s
build-outputs
/
Build outputs
1m 3s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
53s
build-showcase-next
/
Build Showcase next-showcase
53s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
57s
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 patternhub
1m 54s
regenerate-snapshots
/
🧪🎭 - Regenerate snapshots showcases
7m 50s
deploy
/
Deploy
Annotations
9 errors, 57 warnings, and 2 notices
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
Process completed with exit code 1.
|
[mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/default.ts#L1
1) [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────
Test timeout of 30000ms exceeded.
|
[mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/tabs/tabs-snapshot.spec.ts#L15
1) [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────
Error: expect(locator).toBeVisible()
Locator: locator('[data-icon=chevron_right]')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 30000ms
- waiting for locator('[data-icon=chevron_right]')
at tabs/tabs-snapshot.spec.ts:15
13 | async preScreenShot(page) {
14 | const scrollRight = page.locator('[data-icon=chevron_right]');
> 15 | await expect(scrollRight).toBeVisible();
| ^
16 | }
17 | });
18 | });
at preScreenShot (/__w/mono/mono/showcases/e2e/tabs/tabs-snapshot.spec.ts:15:30)
at /__w/mono/mono/showcases/e2e/default.ts:223:10
|
[mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/default.ts#L1
1) [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
[mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot:
showcases/e2e/tabs/tabs-snapshot.spec.ts#L15
1) [mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toBeVisible()
Locator: locator('[data-icon=chevron_right]')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 30000ms
- waiting for locator('[data-icon=chevron_right]')
at tabs/tabs-snapshot.spec.ts:15
13 | async preScreenShot(page) {
14 | const scrollRight = page.locator('[data-icon=chevron_right]');
> 15 | await expect(scrollRight).toBeVisible();
| ^
16 | }
17 | });
18 | });
at preScreenShot (/__w/mono/mono/showcases/e2e/tabs/tabs-snapshot.spec.ts:15:30)
at /__w/mono/mono/showcases/e2e/default.ts:223:10
|
[chromium] › default.spec.ts:10:2 › textarea › overview should match screenshot:
showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › textarea › overview should match screenshot ───────────────
Error: expect(page).toHaveScreenshot(expected)
68 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium/textarea/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium/textarea/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(textarea/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 68 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
- 68 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
[chromium] › default.spec.ts:10:2 › textarea › overview should match screenshot:
showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › textarea › overview should match screenshot ───────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
68 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium-retry1/textarea/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-textarea-overview-should-match-screenshot-chromium-retry1/textarea/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(textarea/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 68 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
- 68 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
Process completed with exit code 1.
|
checks-done
Process completed with exit code 1.
|
init / Init
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test / Test
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
get-playwright-version / Get and save publish version
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
scan-secrets / TruffleHog
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-packages / Build Packages
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
lint / Lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-react / Build Showcase react-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-vue / Build Showcase vue-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-angular / Build Showcase angular-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-next / Build Showcase next-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-stencil / Build Showcase stencil-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-nuxt / Build Showcase nuxt-showcase
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-outputs / Build outputs
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-foundations / 🧪🎭 - foundations
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
build-showcase-patternhub / Build Patternhub
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-components / 🧪🎭 - react:1/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-components / 🧪🎭 - react:3/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-components / 🧪🎭 - vue:3/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-components / 🧪🎭 - react:2/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-components / 🧪🎭 - vue:1/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-components / 🧪🎭 - vue:2/3
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-react / 🧪🎭 - react-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-react / 🧪🎭 - react-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-react / 🧪🎭 - react-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-react / 🧪🎭 - react-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-vue / 🧪🎭 - vue-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-react / 🧪🎭 - react-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-vue / 🧪🎭 - vue-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-react / 🧪🎭 - react-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-vue / 🧪🎭 - vue-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-vue / 🧪🎭 - vue-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-vue / 🧪🎭 - vue-showcase:6/6
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
test-showcase-patternhub / 🧪🎭 - patternhub:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-vue / 🧪🎭 - vue-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-patternhub / 🧪🎭 - patternhub:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-angular / 🧪🎭 - angular-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-patternhub / 🧪🎭 - patternhub:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-patternhub / 🧪🎭 - patternhub:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-patternhub / 🧪🎭 - patternhub:4/6
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
|
test-showcase-patternhub / 🧪🎭 - patternhub:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:2/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:4/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:1/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-stencil / 🧪🎭 - stencil-showcase:5/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-angular / 🧪🎭 - angular-showcase:6/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
checks-done
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
regenerate-snapshots-patternhub / 🧪🎭 - Regenerate snapshots patternhub
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
🎭 Playwright Run Summary
1 failed
[mobile_safari] › default.ts:219:2 › DBTabs › should have same aria-snapshot ───────────────────
49 skipped
119 passed (4.4m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.spec.ts:10:2 › textarea › overview should match screenshot ────────────────
12 passed (11.5s)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
db-ui-angular-showcase
|
1.44 MB |
|
db-ui-angular-ssr-showcase
|
2.18 MB |
|
db-ui-components-build
|
349 KB |
|
db-ui-foundations-build
|
151 KB |
|
db-ui-migration-build
|
1.91 KB |
|
db-ui-next-showcase
|
1.52 MB |
|
db-ui-nuxt-showcase
|
1.99 MB |
|
db-ui-output
|
400 KB |
|
db-ui-outputs
|
3.87 MB |
|
db-ui-patternhub
|
3.74 MB |
|
db-ui-react-showcase
|
1.36 MB |
|
db-ui-stencil-showcase
|
1.41 MB |
|
db-ui-vue-showcase
|
1.32 MB |
|
patternhub-playwright-results-4
|
507 KB |
|
snapshots-patternhub
|
2.17 MB |
|
snapshots-showcases
|
12.5 MB |
|
vue-showcase-playwright-results-6
|
762 KB |
|