Skip to content

fix(range): update tick styling and border radius #18908

fix(range): update tick styling and border radius

fix(range): update tick styling and border radius #18908

Triggered via pull request April 15, 2026 15:38
Status Success
Total duration 14m 37s
Artifacts 27

build.yml

on: pull_request
build-react
56s
build-react
build-vue
37s
build-vue
Matrix: test-core-screenshot
build-angular
1m 14s
build-angular
build-angular-server
42s
build-angular-server
test-core-clean-build
17s
test-core-clean-build
test-core-lint
58s
test-core-lint
test-core-spec
1m 0s
test-core-spec
build-react-router
24s
build-react-router
build-vue-router
39s
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
2s
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

7 errors and 20 notices
[Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:158:9 › action-sheet: radio buttons - ios/ltr › should navigate radio buttons with keyboard: src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L188
1) [Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:158:9 › action-sheet: radio buttons - ios/ltr › should navigate radio buttons with keyboard Error: expect(received).toBe(expected) // Object.is equality Expected: "Cancel" Received: "Option 1" 186 | 187 | focusedElement = await page.evaluate(() => document.activeElement?.textContent?.trim()); > 188 | expect(focusedElement).toBe('Cancel'); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:188:30
[Mobile Chrome] › src/components/segment/test/segment-events.e2e.ts:10:11 › segment: events: ionChange - ios/ltr › when the segment is activated by keyboard navigation › should emit when there is no initial value: src/components/segment/test/segment-events.e2e.ts#L37
1) [Mobile Chrome] › src/components/segment/test/segment-events.e2e.ts:10:11 › segment: events: ionChange - ios/ltr › when the segment is activated by keyboard navigation › should emit when there is no initial value Error: expect(received).toBe(expected) // Object.is equality Expected: "2" Received: undefined 35 | await page.keyboard.press('Enter'); 36 | > 37 | expect(await segment.evaluate((el: HTMLIonSegmentElement) => el.value)).toBe('2'); | ^ 38 | 39 | expect(ionChangeSpy).toHaveReceivedEventTimes(1); 40 | expect(ionChangeSpy).toHaveReceivedEventDetail({ value: '2' }); at /ionic/src/components/segment/test/segment-events.e2e.ts:37:81
[Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions: src/components/tab-bar/test/basic/tab-bar.e2e.ts#L45
1) [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-tab-bar') 533 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 533 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 533 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28
[Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions: src/components/tab-bar/test/basic/tab-bar.e2e.ts#L45
1) [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-tab-bar') 533 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 533 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 533 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28
[Mobile Safari] › src/components/datetime/test/set-value/datetime.e2e.ts:54:9 › datetime: set-value - ios/ltr › should scroll to new month when value is initially set and then updated: src/components/datetime/test/set-value/datetime.e2e.ts#L63
2) [Mobile Safari] › src/components/datetime/test/set-value/datetime.e2e.ts:54:9 › datetime: set-value - ios/ltr › should scroll to new month when value is initially set and then updated Error: expect(locator).toHaveText(expected) failed Locator: locator('ion-datetime').locator('.calendar-month-year') Expected pattern: /May 2021/ Received string: "November 2021" Timeout: 5000ms Call log: - Expect "toHaveText" with timeout 5000ms - waiting for locator('ion-datetime').locator('.calendar-month-year') 9 × locator resolved to <div class="calendar-month-year">…</div> - unexpected value "November 2021" 61 | 62 | const calendarHeader = datetime.locator('.calendar-month-year'); > 63 | await expect(calendarHeader).toHaveText(/May 2021/); | ^ 64 | }); 65 | }); 66 | }); at /ionic/src/components/datetime/test/set-value/datetime.e2e.ts:63:36
[Mobile Safari] › src/components/datetime/test/multiple/datetime.e2e.ts:161:9 › datetime: multiple date selection (functionality) - md/ltr › should scroll to new month when value is updated with multiple dates in the same month: src/components/datetime/test/multiple/datetime.e2e.ts#L174
1) [Mobile Safari] › src/components/datetime/test/multiple/datetime.e2e.ts:161:9 › datetime: multiple date selection (functionality) - md/ltr › should scroll to new month when value is updated with multiple dates in the same month Error: expect(locator).toHaveText(expected) failed Locator: locator('ion-datetime').locator('.calendar-month-year') Expected pattern: /June 2022/ Received string: "May 2022" Timeout: 5000ms Call log: - Expect "toHaveText" with timeout 5000ms - waiting for locator('ion-datetime').locator('.calendar-month-year') 9 × locator resolved to <div class="calendar-month-year">…</div> - unexpected value "May 2022" 172 | 173 | const monthYear = datetime.locator('.calendar-month-year'); > 174 | await expect(monthYear).toHaveText(/June 2022/); | ^ 175 | }); 176 | 177 | test('with buttons, should only update value when confirm is called', async ({ page }) => { at /ionic/src/components/datetime/test/multiple/datetime.e2e.ts:174:31
[Mobile Safari] › src/components/item-sliding/test/shapes/item-sliding.e2e.ts:10:9 › item-sliding: shapes - ionic/md/ltr/light › should not have visual regressions when not expanded: src/components/item-sliding/test/shapes/item-sliding.e2e.ts#L26
1) [Mobile Safari] › src/components/item-sliding/test/shapes/item-sliding.e2e.ts:10:9 › item-sliding: shapes - ionic/md/ltr/light › should not have visual regressions when not expanded Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#round') 749 pixels (ratio 0.03 of all image pixels) are different. Snapshot: item-sliding-round-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(item-sliding-round-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#round') - locator resolved to <ion-item-sliding id="round" class="md hydrated item-sliding-active-slide item-sliding-active-options-end item-sliding-active-swipe-end">…</ion-item-sliding> - 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 - 749 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#round') - locator resolved to <ion-item-sliding id="round" class="md hydrated item-sliding-active-slide item-sliding-active-options-end item-sliding-active-swipe-end">…</ion-item-sliding> - 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 - 749 pixels (ratio 0.03 of all image pixels) are different. 24 | await page.waitForChanges(); 25 | > 26 | await expect(item).toHaveScreenshot(screenshot(`item-sliding-${itemID}`)); | ^ 27 | } 28 | }); 29 | }); at /ionic/src/components/item-sliding/test/shapes/item-sliding.e2e.ts:26:28
🎭 Playwright Run Summary
1 flaky [Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:158:9 › action-sheet: radio buttons - ios/ltr › should navigate radio buttons with keyboard 360 skipped 351 passed (3.1m)
🎭 Playwright Run Summary
368 skipped 324 passed (3.5m)
🎭 Playwright Run Summary
2 skipped 589 passed (4.2m)
🎭 Playwright Run Summary
8 skipped 719 passed (4.4m)
🎭 Playwright Run Summary
1 flaky [Mobile Chrome] › src/components/segment/test/segment-events.e2e.ts:10:11 › segment: events: ionChange - ios/ltr › when the segment is activated by keyboard navigation › should emit when there is no initial value 1 skipped 709 passed (4.7m)
🎭 Playwright Run Summary
8 skipped 810 passed (5.5m)
🎭 Playwright Run Summary
5 skipped 702 passed (5.6m)
🎭 Playwright Run Summary
36 skipped 870 passed (6.4m)
🎭 Playwright Run Summary
14 skipped 501 passed (6.5m)
🎭 Playwright Run Summary
5 skipped 697 passed (7.0m)
🎭 Playwright Run Summary
10 skipped 707 passed (7.2m)
🎭 Playwright Run Summary
3 skipped 701 passed (8.3m)
🎭 Playwright Run Summary
1 flaky [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions 5 skipped 702 passed (8.7m)
🎭 Playwright Run Summary
4 skipped 746 passed (8.8m)
🎭 Playwright Run Summary
13 skipped 706 passed (9.0m)
🎭 Playwright Run Summary
2 flaky [Mobile Safari] › src/components/datetime/test/multiple/datetime.e2e.ts:161:9 › datetime: multiple date selection (functionality) - md/ltr › should scroll to new month when value is updated with multiple dates in the same month [Mobile Safari] › src/components/datetime/test/set-value/datetime.e2e.ts:54:9 › datetime: set-value - ios/ltr › should scroll to new month when value is initially set and then updated 13 skipped 717 passed (9.2m)
🎭 Playwright Run Summary
1 skipped 665 passed (9.4m)
🎭 Playwright Run Summary
1 flaky [Mobile Safari] › src/components/item-sliding/test/shapes/item-sliding.e2e.ts:10:9 › item-sliding: shapes - ionic/md/ltr/light › should not have visual regressions when not expanded 5 skipped 698 passed (10.4m)
🎭 Playwright Run Summary
18 skipped 662 passed (10.4m)
🎭 Playwright Run Summary
15 skipped 744 passed (11.5m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
811 KB
sha256:c425485f7b27bda0a9faa1ed92a0083f11e8135079d01ffb3d4fc914522ccacc
ionic-angular-server
8.55 KB
sha256:5710f81f6274d7e73e14834fad83a47dd3770e598055f26359252ef7e141dd6f
ionic-core
5.12 MB
sha256:2276885023fac6df83ca386165186b26ff77517dd5fd0c96b40b734a7190664c
ionic-react
345 KB
sha256:e19d61c04c09a5357f735f64b12fa8c86cdaa19f8f7c067f3569cf4c7ed8dd57
ionic-react-router
27.9 KB
sha256:1842c4305ff93fb09dfa474af73cc56b6b189a12237c9da19365ef1b510c3ee0
ionic-vue
376 KB
sha256:a7b8697b4233b186b2964f0336adf15d07308f11afbda246fc5ed182eee59643
ionic-vue-router
17.1 KB
sha256:2acdef76d94dfaa535c65a17e62b810d1ec4f30a1b4d05928d189a1cf35f0d8a
test-results-1-20
522 KB
sha256:838aefffd68a56141dffa3dcb015a705ee382344e0f6b8ea6af37fb558d3a811
test-results-10-20
444 KB
sha256:0efa7036c40b8b362c4ec1c0dd9e817d1a92856550d922f6ef9fa5112a6e656b
test-results-11-20
618 KB
sha256:b34101c75664e264ef022b57c11e68b76891ed9b4f379ca95da8e93940abce71
test-results-12-20
1.29 MB
sha256:f2e595ba07cc9ab92b4b5a30398e99159044ebcdb6908e98038fa57383f1e8e0
test-results-13-20
548 KB
sha256:ced213c09b63df06e884fd36af3813e808c689cae9a41f1854324b92c6af966d
test-results-14-20
453 KB
sha256:e434f8763c28532ce63f7e800d05aa0e3b10b21f31fa28efb95bbe27b354a116
test-results-15-20
1.7 MB
sha256:9f10871fa17e34fb1f24f64691758808b2e40fe5333d8a34d466d59395803c96
test-results-16-20
512 KB
sha256:3235aa761145a069c3a3af4a732ae136607a44ad073d5bbc5f36632a83486413
test-results-17-20
1.49 MB
sha256:e3ee6ac9b21ab8e5942a2a2389239dfc15b7667d3d0e6828f69cf5139eb5d09d
test-results-18-20
602 KB
sha256:da9425d50442b090a12386647142e796789aedd7ca46f5bf75920129f04ec7ac
test-results-19-20
496 KB
sha256:552998c83090930508e24201a2ddf5915da982dee84b729e955acdc5883bfbc5
test-results-2-20
546 KB
sha256:7b22156ae63c9bdfe86cf00c25d0fa9e59f6fbf599870a4e0ddb4257cc685b39
test-results-20-20
371 KB
sha256:52a2c607f5f3a5a0a43162e8c8627e8e072d1642ad462fd1fed3d7ef3e0cf20f
test-results-3-20
491 KB
sha256:4de664ed0c746fdea2ae2924869861f6b6d7b24b0eb44e6ffe4e3367aedc369a
test-results-4-20
644 KB
sha256:0827c858f3a6aa12395585ebf7870681db40b70bc999ed2557082e9ade8eaf85
test-results-5-20
521 KB
sha256:25c110ee2c30cfba616cf772871c4636dbe4893bd5e0d50aaa178b7c79dc8680
test-results-6-20
1.72 MB
sha256:01da79e98350ed81ed3f819190f9fd8b15f39e4bc5f7894e125da4376569b137
test-results-7-20
1.25 MB
sha256:f3779351707604669627dd8fb53c71db761415a594a83ce9073bbbd7ffea34e4
test-results-8-20
487 KB
sha256:f6a9362b29523b78fd7241d1a17b10f7379bf15527cd3c3ec42eced1c893d251
test-results-9-20
576 KB
sha256:4bf57743cd6747cea4cad49f8f9b584ffa7194f637e1173d8e11b664df43241b