Skip to content

refactor: patternhub examples to align with figma props #15647

refactor: patternhub examples to align with figma props

refactor: patternhub examples to align with figma props #15647

Triggered via pull request December 16, 2024 08:58
Status Failure
Total duration 27m 7s
Artifacts 17

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
34s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 14s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
build-showcase-patternhub  /  Build Patternhub
1m 40s
build-showcase-patternhub / Build Patternhub
build-showcase-react  /  Build Showcase react-showcase
31s
build-showcase-react / Build Showcase react-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 19s
test-foundations / 🧪🎭 - foundations
build-showcase-angular  /  Build Showcase angular-showcase
43s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-stencil  /  Build Showcase stencil-showcase
54s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-vue  /  Build Showcase vue-showcase
28s
build-showcase-vue / Build Showcase vue-showcase
build-outputs  /  Build outputs
1m 3s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
53s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
53s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
57s
build-showcase-nuxt / Build Showcase nuxt-showcase
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-components / regenerate-snapshots
regenerate-snapshots-foundations  /  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-patternhub / 🧪🎭 - Regenerate snapshots patternhub
checks-done
1s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots showcases
7m 50s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

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