fix(range): update tokens usage, and add pressed state #16859
build.yml
on: pull_request
build-core
1m 46s
Matrix: test-core-screenshot
test-core-clean-build
14s
test-core-lint
56s
test-core-spec
45s
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
2s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
2s
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
|
|