Skip to content

feat(badge): add recipe and tokens #19004

feat(badge): add recipe and tokens

feat(badge): add recipe and tokens #19004

Triggered via pull request April 22, 2026 13:25
@thetaPCthetaPC
synchronize #31043
FW-6837
Status Cancelled
Total duration 21m 15s
Artifacts 15

build.yml

on: pull_request
build-react
55s
build-react
build-vue
48s
build-vue
Matrix: test-core-screenshot
build-angular
1m 17s
build-angular
build-angular-server
49s
build-angular-server
test-core-clean-build
15s
test-core-clean-build
test-core-lint
1m 6s
test-core-lint
test-core-spec
55s
test-core-spec
build-react-router
32s
build-react-router
build-vue-router
41s
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
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
4s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

45 errors and 8 notices
test-core-screenshot (8, 20)
Process completed with exit code 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: 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 #2 ─────────────────────────────────────────────────────────────────────────────────────── 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 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') 2 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 - 2 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 - 2 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
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (4, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (14, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (1, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (5, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (18, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (18, 20)
Process completed with exit code 12.
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (18, 20)
The operation was canceled.
test-core-screenshot (2, 20)
Process completed with exit code 12.
test-core-screenshot (2, 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.5m)
🎭 Playwright Run Summary
368 skipped 307 passed (3.6m)
🎭 Playwright Run Summary
2 skipped 667 passed (3.8m)
🎭 Playwright Run Summary
1 skipped 690 passed (4.4m)
🎭 Playwright Run Summary
14 skipped 682 passed (4.8m)
🎭 Playwright Run Summary
152 skipped 707 passed (4.8m)
🎭 Playwright Run Summary
4 skipped 679 passed (4.9m)
🎭 Playwright Run Summary
1 failed [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.8m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
779 KB
sha256:a2ff696a57001146f6c39ef567c384743d4a694e3222775d697047ae9c1af749
ionic-angular-server
8.54 KB
sha256:7a4ad5a0c5ef8f456f58ad023490089c4a01b9dd56bd804803dd6381eafe21ba
ionic-core
5.26 MB
sha256:13a1d7e0c92d589bdc4cb082e8824cc031bdca00b77fe13cbf6f13a4b8522ca2
ionic-react
317 KB
sha256:3cb29c2f2431154903c47d8bf6e2863789656bb60551a0575d35e7c06717bffc
ionic-react-router
27.9 KB
sha256:57f1a8099de8e5653ed5836226f11d1e681013f67d8c2f4e8738e3b6f32cbc9d
ionic-vue
347 KB
sha256:38be8370cd1cbb80e8f842e16947d2e6078c28132c5b7ee7df056d30bc7d49e7
ionic-vue-router
17.1 KB
sha256:c685b804b7487522d2d1d19fd4a092aad5b9d302726a0a2b2b4e55b0aae07b82
test-results-10-20
462 KB
sha256:b84c343d362585a9aa13e7a848c380f5a3da545b2664d4c49f8d2b7edcca3e76
test-results-11-20
600 KB
sha256:603be448f1c555467c593619eeba35b69919196c43ae978e744df78513ffd0e3
test-results-12-20
505 KB
sha256:d67efd74e436cb268b28c019ec700d81f1597c8f25f39117d82e0f2458f544d9
test-results-13-20
474 KB
sha256:018ee4b9d77bb04f652a86cfa69f5d9e2a07274f43bb0aba75915decc015ae6d
test-results-20-20
356 KB
sha256:53d200a5b4ecce48500962370a37f32b41ce9e98e3abb1c641e5f375f478b4c3
test-results-7-20
378 KB
sha256:7881218f0dd50c2eba4ff8fdb5773cfa5694f78bf56e8ba16daa97b0282e1536
test-results-8-20
3.28 MB
sha256:fcc41c864241c77708443706b9b1432df7ba30f6f8d3db66520dc28a82c72a70
test-results-9-20
515 KB
sha256:2bb3a0a1e1a09dba8cf1df2ba835099a85bb4c3ef4ff96f85f3b26fbfde37364