Skip to content

fix(range): update tokens usage, and add pressed state #16859

fix(range): update tokens usage, and add pressed state

fix(range): update tokens usage, and add pressed state #16859

Triggered via pull request August 7, 2025 15:57
Status Success
Total duration 13m 22s
Artifacts 27

build.yml

on: pull_request
build-react
44s
build-react
build-vue
37s
build-vue
Matrix: test-core-screenshot
build-angular
59s
build-angular
build-angular-server
34s
build-angular-server
test-core-clean-build
14s
test-core-clean-build
test-core-lint
56s
test-core-lint
test-core-spec
45s
test-core-spec
build-react-router
27s
build-react-router
build-vue-router
44s
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
2s
verify-test-angular-e2e
verify-test-react-e2e
2s
verify-test-react-e2e
verify-test-react-router-e2e
3s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

9 errors and 20 notices
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group: src/components/radio/test/a11y/radio.e2e.ts#L134
2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › tabbing should switch between radio groups: src/components/radio/test/a11y/radio.e2e.ts#L122
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › tabbing should switch between radio groups Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 120 | 121 | await pageUtils.pressKeys('Tab'); > 122 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 123 | 124 | await pageUtils.pressKeys('Tab'); 125 | await expect(secondGroupRadios.nth(0)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47
[Mobile Chrome] › src/components/toolbar/test/basic/toolbar.e2e.ts:207:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with slotted images: src/components/toolbar/test/basic/toolbar.e2e.ts#L226
1) [Mobile Chrome] › src/components/toolbar/test/basic/toolbar.e2e.ts:207:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with slotted images Error: expect(locator).toHaveScreenshot(expected) Expected an image 393px by 56px, received 393px by 44px. 5586 pixels (ratio 0.26 of all image pixels) are different. Snapshot: toolbar-basic-slotted-images-ios-ltr.png Call log: - Expect "toHaveScreenshot(toolbar-basic-slotted-images-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-header') - locator resolved to <ion-header role="banner" class="ios header-ios header-collapse-none hydrated">…</ion-header> - 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 - Expected an image 393px by 56px, received 393px by 44px. 5586 pixels (ratio 0.26 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-header') - locator resolved to <ion-header role="banner" class="ios header-ios header-collapse-none hydrated">…</ion-header> - 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 - Expected an image 393px by 56px, received 393px by 44px. 5586 pixels (ratio 0.26 of all image pixels) are different. 224 | 225 | const header = page.locator('ion-header'); > 226 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-slotted-images`)); | ^ 227 | }); 228 | 229 | test('should not have visual regressions with nested slotted images', async ({ page }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:226:30
[Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar: src/components/datetime/test/show-adjacent-days/datetime.e2e.ts#L20
3) [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar Error: expect(locator).toHaveScreenshot(expected) 5772 pixels (ratio 0.05 of all image pixels) are different. Snapshot: datetime-show-adjacent-days-custom-calendar-md-ltr.png Call log: - Expect "toHaveScreenshot(datetime-show-adjacent-days-custom-calendar-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" show-adjacent-days="true" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5772 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" show-adjacent-days="true" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5772 pixels (ratio 0.05 of all image pixels) are different. 18 | await page.locator('.datetime-ready').first().waitFor(); 19 | const datetime = page.locator('#custom-calendar-days'); > 20 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-show-adjacent-days-custom-calendar`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with specific date disabled', async ({ page }) => { at /ionic/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:20:30
[Mobile Safari] › src/components/datetime/test/prefer-wheel/datetime.e2e.ts:41:9 › datetime: wheel rendering - md/ltr › should not have visual regressions for time-date wheel: src/components/datetime/test/prefer-wheel/datetime.e2e.ts#L48
2) [Mobile Safari] › src/components/datetime/test/prefer-wheel/datetime.e2e.ts:41:9 › datetime: wheel rendering - md/ltr › should not have visual regressions for time-date wheel Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 46 | config 47 | ); > 48 | await page.locator('.datetime-ready').waitFor(); | ^ 49 | 50 | await expect(page).toHaveScreenshot(screenshot(`datetime-wheel-time-date-diff`)); 51 | }); at /ionic/src/components/datetime/test/prefer-wheel/datetime.e2e.ts:48:45
[Mobile Safari] › src/components/datetime/test/prefer-wheel/datetime.e2e.ts:41:9 › datetime: wheel rendering - md/ltr › should not have visual regressions for time-date wheel: src/components/datetime/test/prefer-wheel/datetime.e2e.ts#L0
2) [Mobile Safari] › src/components/datetime/test/prefer-wheel/datetime.e2e.ts:41:9 › datetime: wheel rendering - md/ltr › should not have visual regressions for time-date wheel Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target: src/components/datetime/test/position/datetime.e2e.ts#L14
1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 12 | 13 | await ionPopoverDidPresent.next(); > 14 | await page.locator('.datetime-ready').waitFor(); | ^ 15 | 16 | await expect(page).toHaveScreenshot(screenshot(`datetime-position-base`)); 17 | at /ionic/src/components/datetime/test/position/datetime.e2e.ts:14:45
[Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target: src/components/datetime/test/position/datetime.e2e.ts#L0
1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target Test timeout of 30000ms exceeded.
[Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/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/rtl/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 541 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-rtl-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-rtl-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 - 541 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 - 541 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
🎭 Playwright Run Summary
360 skipped 276 passed (2.3m)
🎭 Playwright Run Summary
671 passed (3.5m)
🎭 Playwright Run Summary
688 passed (3.8m)
🎭 Playwright Run Summary
368 skipped 303 passed (3.8m)
🎭 Playwright Run Summary
1 skipped 671 passed (4.0m)
🎭 Playwright Run Summary
5 skipped 661 passed (4.2m)
🎭 Playwright Run Summary
2 flaky [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › tabbing should switch between radio groups [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group 4 skipped 674 passed (4.9m)
🎭 Playwright Run Summary
1 flaky [Mobile Chrome] › src/components/toolbar/test/basic/toolbar.e2e.ts:207:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with slotted images 36 skipped 817 passed (6.1m)
🎭 Playwright Run Summary
14 skipped 489 passed (6.3m)
🎭 Playwright Run Summary
10 skipped 647 passed (6.4m)
🎭 Playwright Run Summary
5 skipped 674 passed (6.6m)
🎭 Playwright Run Summary
12 skipped 680 passed (8.1m)
🎭 Playwright Run Summary
1 skipped 666 passed (8.3m)
🎭 Playwright Run Summary
1 skipped 651 passed (8.8m)
🎭 Playwright Run Summary
3 skipped 669 passed (8.8m)
🎭 Playwright Run Summary
3 flaky [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target [Mobile Safari] › src/components/datetime/test/prefer-wheel/datetime.e2e.ts:41:9 › datetime: wheel rendering - md/ltr › should not have visual regressions for time-date wheel [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar 2 skipped 661 passed (9.5m)
🎭 Playwright Run Summary
1 flaky [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions 5 skipped 708 passed (9.4m)
🎭 Playwright Run Summary
7 skipped 622 passed (10.1m)
🎭 Playwright Run Summary
4 skipped 729 passed (10.0m)
🎭 Playwright Run Summary
14 skipped 681 passed (10.4m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
863 KB
sha256:60a5d30eb9bc6b6673abff85504180f67a9cf4e139d3d9eaa753ef2acba83693
ionic-angular-server Expired
8.54 KB
sha256:af647cff8b6107b7165ceea6f65aa4b7728a350cd3bfd6aa1f5795475c4fde69
ionic-core Expired
5.13 MB
sha256:a3ce586ffe5354306fb9c2cc156721ae008e9ba61cf17e8a5751018651aabd2d
ionic-react Expired
403 KB
sha256:b79860d000294aa85ee020fa84a1b270feb81a5e5882e315012971bf09aaf8b5
ionic-react-router Expired
27.9 KB
sha256:3ecf5f626cd91dcf7fb95908935f383ea14378fa4908162199c0e03c168d2f9d
ionic-vue Expired
433 KB
sha256:eea57855885eba0d7c16f81779ef8473d298bbf7ef7913b0864a83659c2a659b
ionic-vue-router Expired
17.1 KB
sha256:ab2f238af27e0b0bbbc93a7e5e02f632c0fd75a49ae110b5459df3dc726098b8
test-results-1-20 Expired
506 KB
sha256:eca2c9aec3090d77ec13a734109bda9d23bfa0b9b307848c825bc290b654eb4c
test-results-10-20 Expired
454 KB
sha256:e26070f26703d9c2e6084b82e382c07b5c73df3452416733f58c7da5b22a6b38
test-results-11-20 Expired
1.69 MB
sha256:ee4dfb1c9624647036a0d6e772b7f6f4dab31937e0fad88ad8f44f6b7ad4453d
test-results-12-20 Expired
496 KB
sha256:911583f326eac68bd18c770c61658d3c2f38726fd3502fa4036d0cd5895c4a70
test-results-13-20 Expired
1.26 MB
sha256:47ce5ba458230fd3381663efbef6107182f8fe22093b061c205107e8e66767c1
test-results-14-20 Expired
436 KB
sha256:fe5c2d810d462b60e29fd2ce574e36de1f157e4a6d120c42f978a0db3496ea56
test-results-15-20 Expired
2.15 MB
sha256:b9d0a2b839a0ea096f752fe2499e44ad868111f0633051913d4ab43b6291f082
test-results-16-20 Expired
482 KB
sha256:9506223e9c8781bf345a2da4074d5a6232ad1bf8bd760638d0615d84ee3475f6
test-results-17-20 Expired
575 KB
sha256:5754eed22bdac433ee0b52c413adcc058cdfd65f705d9087c402c090df1eabd3
test-results-18-20 Expired
568 KB
sha256:931e1050b6ad43af03c94e8924716570d65db95cb29d87b3901f9b2155122a45
test-results-19-20 Expired
457 KB
sha256:bc70d7b01a538bcd8c302648e44abecc6c0552424883f98e8e8a1aeeab236c01
test-results-2-20 Expired
516 KB
sha256:8c43f74937117834f8edccef264b7cbd11d551b2770f35b854d9c99642857d34
test-results-20-20 Expired
348 KB
sha256:b798a2179ed18879a5cddfa785b7414a6b476e156faf65f32320b52518c7ac27
test-results-3-20 Expired
450 KB
sha256:9bad4e61f8983329ca9282ed9840a0a31faef3a4e071c77e55a7d75b6c83e5a5
test-results-4-20 Expired
599 KB
sha256:474cf0fc3fa861c2436303128889ac56d016a97ca8824b61e4e474fd8a63f634
test-results-5-20 Expired
500 KB
sha256:c1b34c03c4473c52e5fcaec8c5348b468be3c51add7cba4db19919ba7af1ea29
test-results-6-20 Expired
1.26 MB
sha256:9c133c127d6d01cc4d49f805ce9c6904b218d6c4c152f3e47cb0b5994b93825f
test-results-7-20 Expired
368 KB
sha256:d57aec0ef5963c7bdb21aa26cd60188f39af44f4897c57e067db7b0366ecf5b9
test-results-8-20 Expired
460 KB
sha256:f2f18cc5d58e153996722491c61f0d2d30bd97fd85f9166ff70c55b483c1eab2
test-results-9-20 Expired
493 KB
sha256:226f857328ed13839fbbfbf6f8aa7fea4f17e82fd3058dc6e5fb0e0914faa02b