Skip to content

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

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

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

Triggered via pull request August 5, 2025 09:22
@IonitronIonitron
synchronize #30601
ROU-12075
Status Failure
Total duration 12m 42s
Artifacts 23

build.yml

on: pull_request
build-react
51s
build-react
build-vue
38s
build-vue
Matrix: test-core-screenshot
build-angular
1m 4s
build-angular
build-angular-server
33s
build-angular-server
test-core-clean-build
10s
test-core-clean-build
test-core-lint
54s
test-core-lint
test-core-spec
1m 29s
test-core-spec
build-react-router
23s
build-react-router
build-vue-router
40s
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
3s
verify-test-react-e2e
verify-test-react-router-e2e
3s
verify-test-react-router-e2e
verify-test-vue-e2e
3s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

25 errors and 16 notices
[Mobile Chrome] › src/components/input-otp/test/separators/input-otp.e2e.ts:90:9 › input-otp: separators functionality - ios/ltr › should render separators after the second and third input box: src/components/input-otp/test/separators/input-otp.e2e.ts#L99
1) [Mobile Chrome] › src/components/input-otp/test/separators/input-otp.e2e.ts:90:9 › input-otp: separators functionality - ios/ltr › should render separators after the second and third input box Error: expect(received).toBe(expected) // Object.is equality Expected: true Received: false 97 | 98 | await expect(await hasSeparatorAfter(page, 0)).toBe(false); > 99 | await expect(await hasSeparatorAfter(page, 1)).toBe(true); | ^ 100 | await expect(await hasSeparatorAfter(page, 2)).toBe(true); 101 | await expect(await hasSeparatorAfter(page, 3)).toBe(false); 102 | }); at /ionic/src/components/input-otp/test/separators/input-otp.e2e.ts:99:54
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups: src/components/radio/test/a11y/radio.e2e.ts#L122
3) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › 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/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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── 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/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 Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly: src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L27
1) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly Error: expect(page).toHaveScreenshot(expected) 2329 pixels (ratio 0.01 of all image pixels) are different. Snapshot: datetime-overlay-modal-ios-ltr.png Call log: - Expect "toHaveScreenshot(datetime-overlay-modal-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2329 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 - 2329 pixels (ratio 0.01 of all image pixels) are different. 25 | await ionModalDidPresent.next(); 26 | > 27 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-modal`)); | ^ 28 | }); 29 | 30 | test('should size the popover correctly', async ({ page, skip }) => { at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:27:26
test-core-screenshot (15, 20)
Process completed with exit code 1.
[Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ionic/md/ltr/light › should not have visual regressions with a custom styled calendar: src/components/datetime/test/show-adjacent-days/datetime.e2e.ts#L20
1) [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ionic/md/ltr/light › should not have visual regressions with a custom styled calendar Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 7524 pixels (ratio 0.06 of all image pixels) are different. Snapshot: datetime-show-adjacent-days-custom-calendar-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(datetime-show-adjacent-days-custom-calendar-ionic-md-ltr-light.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 ionic 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 - 7524 pixels (ratio 0.06 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 ionic 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 - 7524 pixels (ratio 0.06 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/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ionic/md/ltr/light › should not have visual regressions with a custom styled calendar: src/components/datetime/test/show-adjacent-days/datetime.e2e.ts#L20
1) [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ionic/md/ltr/light › should not have visual regressions with a custom styled calendar Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 7524 pixels (ratio 0.06 of all image pixels) are different. Snapshot: datetime-show-adjacent-days-custom-calendar-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(datetime-show-adjacent-days-custom-calendar-ionic-md-ltr-light.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 ionic 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 - 7524 pixels (ratio 0.06 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 ionic 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 - 7524 pixels (ratio 0.06 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/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ionic/md/ltr/light › should not have visual regressions with a custom styled calendar: src/components/datetime/test/show-adjacent-days/datetime.e2e.ts#L20
1) [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ionic/md/ltr/light › should not have visual regressions with a custom styled calendar Error: expect(locator).toHaveScreenshot(expected) 7524 pixels (ratio 0.06 of all image pixels) are different. Snapshot: datetime-show-adjacent-days-custom-calendar-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(datetime-show-adjacent-days-custom-calendar-ionic-md-ltr-light.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 ionic 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 - 7524 pixels (ratio 0.06 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 ionic 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 - 7524 pixels (ratio 0.06 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
test-core-screenshot (17, 20)
The operation was canceled.
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._15_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._15_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 (4, 20)
The strategy configuration was canceled because "test-core-screenshot._15_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 (1, 20)
The strategy configuration was canceled because "test-core-screenshot._15_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._15_20" failed
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
360 skipped 265 passed (2.4m)
🎭 Playwright Run Summary
1 flaky [Mobile Chrome] › src/components/input-otp/test/separators/input-otp.e2e.ts:90:9 › input-otp: separators functionality - ios/ltr › should render separators after the second and third input box 668 passed (3.6m)
🎭 Playwright Run Summary
356 skipped 304 passed (3.6m)
🎭 Playwright Run Summary
1 skipped 681 passed (3.9m)
🎭 Playwright Run Summary
688 passed (3.9m)
🎭 Playwright Run Summary
5 skipped 661 passed (4.3m)
🎭 Playwright Run Summary
3 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 [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups 4 skipped 658 passed (5.1m)
🎭 Playwright Run Summary
36 skipped 807 passed (5.7m)
🎭 Playwright Run Summary
14 skipped 477 passed (6.1m)
🎭 Playwright Run Summary
10 skipped 647 passed (6.7m)
🎭 Playwright Run Summary
1 flaky [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly 5 skipped 675 passed (7.1m)
🎭 Playwright Run Summary
1 skipped 666 passed (8.1m)
🎭 Playwright Run Summary
12 skipped 683 passed (8.3m)
🎭 Playwright Run Summary
1 skipped 644 passed (8.8m)
🎭 Playwright Run Summary
1 failed [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ionic/md/ltr/light › should not have visual regressions with a custom styled calendar 2 skipped 673 passed (9.1m)
🎭 Playwright Run Summary
3 skipped 659 passed (9.2m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
843 KB
sha256:d67c49a6e7e449474dc2f6a17c8da979d9a57d4798291e9db251be6299f6ab42
ionic-angular-server Expired
8.55 KB
sha256:f1fc8177d69c13e580f3e02c667ff16b60e28175a96e4a1ca119b0ac8ae7b5f1
ionic-core Expired
5.1 MB
sha256:3349bdfaad6ea0daffffaa76471bb41ec3b4dd6a611ba29ffce0dc7f1a09e36f
ionic-react Expired
386 KB
sha256:872c4ecf6869e5ed87b198f7eb113f10bf7ef18c3ba631d094569c0f577a25ac
ionic-react-router Expired
27.9 KB
sha256:129c68b846a60d44e5f8189bd063ee2ea9d13f9393932bbc917da389bef85d03
ionic-vue Expired
415 KB
sha256:5f0beeb74c3e454a79e1f21c3f6da8281c577ea909488b192521579071e244e9
ionic-vue-router Expired
17 KB
sha256:2a07dd94641a0ac30210b1593c53d93ee7d433ebabbdb3794b125356002add4e
test-results-10-20 Expired
1.17 MB
sha256:41e7ce0a3b6b2ac99d050d5efc7763aec20d706632d8ba68c5b7ef596df64348
test-results-11-20 Expired
2.43 MB
sha256:0ffa29c02eff09e3166f2f676836cccc92b754f78d65f720e160ce6ec2e8c405
test-results-12-20 Expired
499 KB
sha256:ff9bb58326e1ed847abbed19a8abf441b67f614b053c87918e4ca34ae149dc79
test-results-13-20 Expired
506 KB
sha256:2f43e49a2a9a4cbc54d8dead5df541488c363ea72520d3b5aac913f0b6971743
test-results-14-20 Expired
431 KB
sha256:ad6bbfa36968d6d28e0bca4dd141b53b459188a3d7e20a8a729ecfa111dc162d
test-results-15-20 Expired
2.46 MB
sha256:264c6a6920ad8d9d7c27a634897bbed585c1c77afda57aa13c9028caa9c913ef
test-results-16-20 Expired
1.41 MB
sha256:69d8d1bad54b03fd798161af97e8bfad78fba546c8e05585f5d002d9537ba64e
test-results-17-20 Expired
567 KB
sha256:ccf5ea342a8cef9c37a7c33953d16c5bc39ad2c0bf75f02f51b7aee463f17f18
test-results-18-20 Expired
568 KB
sha256:b42ac70ed3331b16c00382a772e25e3a3d42f4a6221b40fc8550528dbf8655b2
test-results-19-20 Expired
456 KB
sha256:6a0e4fc312865ead414ca1b0e3a7058dc5bbb25ce532a713a27b3334380d1a58
test-results-20-20 Expired
344 KB
sha256:929499bda884a64360f719d2be39f073eabb0a9447207328e964a395e1dcc0b1
test-results-3-20 Expired
450 KB
sha256:09a77de1f01a6541e6a97496ca54013377ba325a19e4a7000049b00f1c9c3d47
test-results-5-20 Expired
495 KB
sha256:437ab766574569ff4aa388bd747842578b27f0007b5bc941464b2b16c3147967
test-results-7-20 Expired
365 KB
sha256:8dc4df51a6350b90651db45f86a0ecd3775ebcc0316a1710b4c2672750eca61e
test-results-8-20 Expired
459 KB
sha256:3a70e6b8598a49f2b98c5131514af4ce25f0ad814d0688bdc44985e5723c3a50
test-results-9-20 Expired
493 KB
sha256:45aebda1809dd3f6698ddc81817f43a840cbc55a1acd6d2673ae6e3a363ef9cf