Skip to content

feat(badge): add recipe and tokens #18845

feat(badge): add recipe and tokens

feat(badge): add recipe and tokens #18845

Re-run triggered April 8, 2026 23:23
Status Failure
Total duration 5m 36s
Artifacts 11

build.yml

on: pull_request
build-react
53s
build-react
build-vue
46s
build-vue
Matrix: test-core-screenshot
build-angular
1m 11s
build-angular
build-angular-server
42s
build-angular-server
test-core-clean-build
16s
test-core-clean-build
test-core-lint
58s
test-core-lint
test-core-spec
59s
test-core-spec
build-react-router
30s
build-react-router
build-vue-router
40s
build-vue-router
verify-screenshots
3s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
3s
verify-test-angular-e2e
verify-test-react-e2e
3s
verify-test-react-e2e
verify-test-react-router-e2e
4s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

59 errors and 4 notices
[Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/rtl › should not have visual regressions: src/components/item/test/icons/item.e2e.ts#L11
4) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 664 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-ios-rtl.png Call log: - Expect "toHaveScreenshot(item-icons-diff-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 664 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 - 664 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26
[Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/ltr › should not have visual regressions: src/components/item/test/icons/item.e2e.ts#L11
3) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 670 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 670 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 - 670 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26
[Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/ltr › should not have visual regressions: src/components/item/test/icons/item.e2e.ts#L11
3) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 670 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 670 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 - 670 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26
[Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/ltr › should not have visual regressions: src/components/item/test/icons/item.e2e.ts#L11
3) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 670 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 670 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 - 670 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26
[Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/rtl › should not have visual regressions: src/components/item/test/buttons/item.e2e.ts#L17
2) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/rtl › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 489 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-ios-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 489 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 - 489 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26
[Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/rtl › should not have visual regressions: src/components/item/test/buttons/item.e2e.ts#L17
2) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/rtl › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 489 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-ios-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 489 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 - 489 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26
[Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/rtl › should not have visual regressions: src/components/item/test/buttons/item.e2e.ts#L17
2) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 489 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-ios-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 489 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 - 489 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26
[Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/ltr › should not have visual regressions: src/components/item/test/buttons/item.e2e.ts#L17
1) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 460 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 460 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 - 460 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26
[Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/ltr › should not have visual regressions: src/components/item/test/buttons/item.e2e.ts#L17
1) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 460 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 460 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 - 460 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26
[Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/ltr › should not have visual regressions: src/components/item/test/buttons/item.e2e.ts#L17
1) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 460 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 460 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 - 460 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
test-core-screenshot (13, 20)
Process completed with exit code 12.
test-core-screenshot (13, 20)
The operation was canceled.
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (4, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
test-core-screenshot (4, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The operation was canceled.
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
test-core-screenshot (12, 20)
Process completed with exit code 12.
test-core-screenshot (12, 20)
The operation was canceled.
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (3, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
test-core-screenshot (15, 20)
Process completed with exit code 12.
test-core-screenshot (15, 20)
The operation was canceled.
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (11, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (18, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._10_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 (1, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
test-core-screenshot (1, 20)
Process completed with exit code 12.
test-core-screenshot (1, 20)
The operation was canceled.
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
test-core-screenshot (14, 20)
Process completed with exit code 12.
test-core-screenshot (14, 20)
The operation was canceled.
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
test-core-screenshot (9, 20)
Process completed with exit code 12.
test-core-screenshot (9, 20)
The operation was canceled.
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
360 skipped 290 passed (2.4m)
🎭 Playwright Run Summary
368 skipped 307 passed (3.6m)
🎭 Playwright Run Summary
2 skipped 670 passed (3.9m)
🎭 Playwright Run Summary
4 failed [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - ios/rtl › should not have visual regressions [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - ios/rtl › should not have visual regressions 2 skipped 663 passed (4.2m)

Artifacts

Produced during runtime
Name Size Digest
test-results-10-20
9.68 MB
sha256:d52ff7366dcd2bf1eb894f457bb0c5059f66410f6ace73c459c1118332ad57af
test-results-20-20
356 KB
sha256:7c6fde2056971024bac5188f8405ba8eaa774e714e5b3d0b65e1ba0ec9f13127
test-results-7-20
377 KB
sha256:bd360efdb3217a0d9b00b0823f0402550c7b06c8320d2e03650d432db8408b3d
test-results-8-20
462 KB
sha256:b289f5038f5580fb06744a163cafeeaf398fe63d6233ba7b7b986565d10f3615