fix(range): update tokens usage, and add pressed state #16813
build.yml
on: pull_request
build-core
1m 40s
Matrix: test-core-screenshot
test-core-clean-build
10s
test-core-lint
54s
test-core-spec
1m 29s
verify-screenshots
4s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-react-e2e
3s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
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
|
|