Skip to content

feat(chip): add recipe and variables #17981

feat(chip): add recipe and variables

feat(chip): add recipe and variables #17981

Triggered via pull request January 14, 2026 00:57
@thetaPCthetaPC
synchronize #30873
FW-6833
Status Failure
Total duration 5m 52s
Artifacts 3

build.yml

on: pull_request
build-react
54s
build-react
build-vue
39s
build-vue
Matrix: test-core-screenshot
build-angular
1m 6s
build-angular
build-angular-server
48s
build-angular-server
test-core-clean-build
15s
test-core-clean-build
test-core-lint
56s
test-core-lint
test-core-spec
52s
test-core-spec
build-react-router
0s
build-react-router
build-vue-router
0s
build-vue-router
verify-screenshots
4s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-angular-e2e
verify-test-react-e2e
2s
verify-test-react-e2e
verify-test-react-router-e2e
4s
verify-test-react-router-e2e
verify-test-vue-e2e
3s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

74 errors and 1 notice
test-core-clean-build
Process completed with exit code 1.
build-vue
Process completed with exit code 1.
verify-test-vue-e2e
Process completed with exit code 1.
build-react
Process completed with exit code 1.
test-core-lint
Process completed with exit code 1.
verify-test-react-e2e
Process completed with exit code 1.
verify-test-react-router-e2e
Process completed with exit code 1.
build-angular
Process completed with exit code 1.
verify-test-angular-e2e
Process completed with exit code 1.
test-core-screenshot (7, 20)
Process completed with exit code 1.
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions: src/components/avatar/test/basic/avatar.e2e.ts#L19
2) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar-chip') 107 pixels (ratio 0.03 of all image pixels) are different. Snapshot: avatar-chip-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(avatar-chip-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="md chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 107 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="md chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 107 pixels (ratio 0.03 of all image pixels) are different. 17 | 18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`)); > 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`)); | ^ 20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`)); 21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`)); 22 | }); at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions: src/components/avatar/test/basic/avatar.e2e.ts#L19
2) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar-chip') 107 pixels (ratio 0.03 of all image pixels) are different. Snapshot: avatar-chip-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(avatar-chip-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="md chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 107 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="md chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 107 pixels (ratio 0.03 of all image pixels) are different. 17 | 18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`)); > 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`)); | ^ 20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`)); 21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`)); 22 | }); at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions: src/components/avatar/test/basic/avatar.e2e.ts#L19
2) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar-chip') 107 pixels (ratio 0.03 of all image pixels) are different. Snapshot: avatar-chip-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(avatar-chip-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="md chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 107 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="md chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 107 pixels (ratio 0.03 of all image pixels) are different. 17 | 18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`)); > 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`)); | ^ 20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`)); 21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`)); 22 | }); at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions: src/components/avatar/test/basic/avatar.e2e.ts#L19
1) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar-chip') 72 pixels (ratio 0.02 of all image pixels) are different. Snapshot: avatar-chip-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(avatar-chip-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="ios chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 72 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="ios chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 72 pixels (ratio 0.02 of all image pixels) are different. 17 | 18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`)); > 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`)); | ^ 20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`)); 21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`)); 22 | }); at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions: src/components/avatar/test/basic/avatar.e2e.ts#L19
1) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar-chip') 72 pixels (ratio 0.02 of all image pixels) are different. Snapshot: avatar-chip-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(avatar-chip-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="ios chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 72 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="ios chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 72 pixels (ratio 0.02 of all image pixels) are different. 17 | 18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`)); > 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`)); | ^ 20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`)); 21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`)); 22 | }); at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions: src/components/avatar/test/basic/avatar.e2e.ts#L19
1) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar-chip') 72 pixels (ratio 0.02 of all image pixels) are different. Snapshot: avatar-chip-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(avatar-chip-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="ios chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 72 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar-chip') - locator resolved to <ion-chip id="avatar-chip" class="ios chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 72 pixels (ratio 0.02 of all image pixels) are different. 17 | 18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`)); > 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`)); | ^ 20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`)); 21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`)); 22 | }); at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (16, 20)
Process completed with exit code 12.
test-core-screenshot (16, 20)
The operation was canceled.
test-core-screenshot (20, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (20, 20)
Process completed with exit code 12.
test-core-screenshot (20, 20)
The operation was canceled.
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (18, 20)
Process completed with exit code 12.
test-core-screenshot (18, 20)
The operation was canceled.
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (5, 20)
Process completed with exit code 12.
test-core-screenshot (5, 20)
The operation was canceled.
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (1, 20)
Process completed with exit code 12.
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (1, 20)
The operation was canceled.
test-core-screenshot (15, 20)
Process completed with exit code 12.
test-core-screenshot (15, 20)
The operation was canceled.
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (6, 20)
Process completed with exit code 12.
test-core-screenshot (6, 20)
The operation was canceled.
test-core-screenshot (10, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (10, 20)
Process completed with exit code 12.
test-core-screenshot (14, 20)
Process completed with exit code 12.
test-core-screenshot (10, 20)
The operation was canceled.
test-core-screenshot (14, 20)
The operation was canceled.
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (13, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (13, 20)
The operation was canceled.
test-core-screenshot (4, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The operation was canceled.
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (11, 20)
Process completed with exit code 12.
test-core-screenshot (11, 20)
The operation was canceled.
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (2, 20)
Process completed with exit code 12.
test-core-screenshot (2, 20)
The operation was canceled.
test-core-screenshot (8, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (8, 20)
Process completed with exit code 12.
test-core-screenshot (8, 20)
The operation was canceled.
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (3, 20)
Process completed with exit code 12.
test-core-screenshot (3, 20)
The operation was canceled.
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (19, 20)
Process completed with exit code 12.
test-core-screenshot (19, 20)
The operation was canceled.
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (9, 20)
Process completed with exit code 12.
test-core-screenshot (9, 20)
The operation was canceled.
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (17, 20)
Process completed with exit code 12.
test-core-screenshot (17, 20)
The operation was canceled.
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (12, 20)
Process completed with exit code 12.
test-core-screenshot (12, 20)
The operation was canceled.
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
2 failed [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions 360 skipped 275 passed (2.4m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular-server
8.55 KB
sha256:b362af62ccfa8a6dde3d853fefc9e2fba1fea21d5d0b424b423032c7e25446ea
ionic-core
5.21 MB
sha256:2ce404620100322fce86c0315d5c77f8c0eae5d48ad057d0b7cd6a4d9e451e69
test-results-7-20
3.13 MB
sha256:fdca21143fe65139b9e05d13ed820d34df1684f57414ef0e03897356edf3f924