Skip to content

feat(badge): add recipe and tokens #18999

feat(badge): add recipe and tokens

feat(badge): add recipe and tokens #18999

Triggered via pull request April 22, 2026 04:16
@thetaPCthetaPC
synchronize #31043
FW-6837
Status Cancelled
Total duration 8m 22s
Artifacts 11

build.yml

on: pull_request
build-react
54s
build-react
build-vue
50s
build-vue
Matrix: test-core-screenshot
build-angular
1m 15s
build-angular
build-angular-server
49s
build-angular-server
test-core-clean-build
13s
test-core-clean-build
test-core-lint
1m 0s
test-core-lint
test-core-spec
57s
test-core-spec
build-react-router
29s
build-react-router
build-vue-router
46s
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
2s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

65 errors and 4 notices
[Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:9:11 › button: badge - ios/ltr › small - should not have visual regressions with badges: src/components/button/test/badge/badge.e2e.ts#L72
1) [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:9:11 › button: badge - ios/ltr › small - should not have visual regressions with badges Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') 1 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-small-badge-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-small-badge-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. 70 | await page.setViewportSize({ width: Math.ceil(box!.width) + 40, height: Math.ceil(box!.height) + 32 }); 71 | > 72 | await expect(container).toHaveScreenshot(screenshot(`button-${buttonSize}-badge`)); | ^ 73 | }); 74 | }); 75 | }); at /ionic/src/components/button/test/badge/badge.e2e.ts:72:33
[Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:9:11 › button: badge - ios/ltr › small - should not have visual regressions with badges: src/components/button/test/badge/badge.e2e.ts#L72
1) [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:9:11 › button: badge - ios/ltr › small - should not have visual regressions with badges Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') 1 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-small-badge-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-small-badge-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. 70 | await page.setViewportSize({ width: Math.ceil(box!.width) + 40, height: Math.ceil(box!.height) + 32 }); 71 | > 72 | await expect(container).toHaveScreenshot(screenshot(`button-${buttonSize}-badge`)); | ^ 73 | }); 74 | }); 75 | }); at /ionic/src/components/button/test/badge/badge.e2e.ts:72:33
[Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/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 - md/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 52 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 52 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 - 52 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 - md/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 - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 52 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 52 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 - 52 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 - md/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 - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 52 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 52 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 - 52 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 - md/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 - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 52 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 52 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 - 52 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 - md/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 - md/rtl › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 44 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44 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 - 44 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 - md/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 - md/rtl › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 44 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44 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 - 44 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 - md/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 - md/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 44 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44 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 - 44 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 - md/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 - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 44 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44 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 - 44 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 - md/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 - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 44 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44 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 - 44 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 - md/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 - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 44 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44 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 - 44 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 (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 (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 (11, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
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 (11, 20)
Process completed with exit code 12.
test-core-screenshot (9, 20)
The operation was canceled.
test-core-screenshot (11, 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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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.
verify-screenshots
Process completed with exit code 1.
test-vue-e2e (vue3)
Canceling since a higher priority waiting request for refs/pull/31043/merge exists
test-vue-e2e (vue3)
The operation was canceled.
verify-test-vue-e2e
Process completed with exit code 1.
Ionic Framework Build
Canceling since a higher priority waiting request for refs/pull/31043/merge exists
🎭 Playwright Run Summary
360 skipped 290 passed (2.3m)
🎭 Playwright Run Summary
368 skipped 307 passed (3.6m)
🎭 Playwright Run Summary
1 flaky [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:9:11 › button: badge - ios/ltr › small - should not have visual regressions with badges 2 skipped 669 passed (4.0m)
🎭 Playwright Run Summary
4 failed [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/rtl › should not have visual regressions 2 skipped 663 passed (4.2m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
779 KB
sha256:633ae19407a03cc79606edc1ad09d01f04af05b4dcc5e06a80ba72b5be2b2815
ionic-angular-server
8.54 KB
sha256:3041cbe276b8c24d4bd7a8bc00274b5c103429999a1fa11bf8709f7a12241384
ionic-core
5.26 MB
sha256:59b41c5f23a153df42184fa7c6e052e5817ecdd152351118ef45d54885b359c7
ionic-react
317 KB
sha256:d726f81fa9238f45fabefcea276c68f441154adcf60be21be23ab588ae1446ba
ionic-react-router
27.9 KB
sha256:fff994dc3bca76bbf18b0c1adb3c519d0a2c68ddbb7e951a23c00ed0db40e0d1
ionic-vue
347 KB
sha256:8ebdee0208551a982e6f390e0c4ba5ad249e38df7f2db5216e760651b53208e3
ionic-vue-router
17.1 KB
sha256:f8c76931d9592f7bd0fa5b03cb4cf304552b8bf08483614233fc1b88eb0a54b2
test-results-10-20
8.64 MB
sha256:9887a6bf8b7990a4ba6f8732d6a76350555d5373655aa50f3762a60fd34c371a
test-results-20-20
356 KB
sha256:24cf986ad718a0796af730dad5e36232bcd57131aed6d1ead1d02336be4b76b8
test-results-7-20
378 KB
sha256:d6bf3cc2abcd888fa56b7270be903654d869c2dd6a3e04d8ef947aa08378a4e1
test-results-8-20
2.41 MB
sha256:ede18eeff7f39255b44c41207e7be2e7650a0d63dddf4b12f759545c841a08f5