fix(accordion): update design and tokens #16866
build.yml
on: pull_request
build-core
1m 39s
Matrix: test-core-screenshot
test-core-clean-build
9s
test-core-lint
56s
test-core-spec
44s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-react-e2e
2s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
2s
Annotations
7 errors and 20 notices
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group:
src/components/radio/test/a11y/radio.e2e.ts#L134
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › 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/toolbar/test/basic/toolbar.e2e.ts:229:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with nested slotted images:
src/components/toolbar/test/basic/toolbar.e2e.ts#L252
3) [Mobile Chrome] › src/components/toolbar/test/basic/toolbar.e2e.ts:229:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with nested slotted images
Error: expect(locator).toHaveScreenshot(expected)
Expected an image 393px by 60px, received 393px by 44px. 5631 pixels (ratio 0.24 of all image pixels) are different.
Snapshot: toolbar-basic-nested-slotted-images-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-nested-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 60px, received 393px by 44px. 5631 pixels (ratio 0.24 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 60px, received 393px by 44px. 5631 pixels (ratio 0.24 of all image pixels) are different.
250 |
251 | const header = page.locator('ion-header');
> 252 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-nested-slotted-images`));
| ^
253 | });
254 | });
255 | });
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:252:30
|
[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/utils/test/playwright/page/utils/goto.ts#L103
2) [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: page.originalFn: Test timeout of 30000ms exceeded.
Call log:
- navigating to "http://localhost:3333/#?ionic:_testing=true&ionic:mode=ios&ionic:theme=ios&rtl=undefined&palette=light", waiting until "load"
at src/utils/test/playwright/page/utils/goto.ts:103
101 | const result = await Promise.all([
102 | page.waitForFunction(() => (window as any).testAppLoaded === true, { timeout: 4750 }),
> 103 | originalFn(formattedUrl, options),
| ^
104 | ]);
105 |
106 | return result[1];
at goto (/ionic/src/utils/test/playwright/page/utils/goto.ts:103:5)
at Page.goto (/ionic/src/utils/test/playwright/playwright-page.ts:47:66)
at setContent (/ionic/src/utils/test/playwright/page/utils/set-content.ts:129:16)
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:208:9
|
[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#L0
2) [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
Test timeout of 30000ms exceeded.
|
[Mobile Chrome] › src/components/title/test/basic/title.e2e.ts:6:9 › title: basic - ionic/md/ltr/light › should not have visual regressions:
src/components/title/test/basic/title.e2e.ts#L11
1) [Mobile Chrome] › src/components/title/test/basic/title.e2e.ts:6:9 › title: basic - ionic/md/ltr/light › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected)
194 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: title-basic-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(title-basic-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#header-wrapper')
- locator resolved to <div id="header-wrapper">…</div>
- 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
- 194 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#header-wrapper')
- locator resolved to <div id="header-wrapper">…</div>
- 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
- 194 pixels (ratio 0.01 of all image pixels) are different.
9 |
10 | // only screenshot the headers to avoid unnecessary blank space from ion-content
> 11 | await expect(wrapper).toHaveScreenshot(screenshot(`title-basic`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/title/test/basic/title.e2e.ts:11:29
|
[Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - ios/ltr › disabled controls should not have visual regressions:
src/components/item/test/inputs/item.e2e.ts#L44
2) [Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - ios/ltr › disabled controls should not have visual regressions
Error: expect(page).toHaveScreenshot(expected)
1141 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-inputs-disabled-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(item-inputs-disabled-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1141 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
- 1141 pixels (ratio 0.01 of all image pixels) are different.
42 |
43 | await page.setIonViewport();
> 44 | await expect(page).toHaveScreenshot(screenshot(`item-inputs-disabled`));
| ^
45 | });
46 | });
47 | });
at /ionic/src/components/item/test/inputs/item.e2e.ts:44:26
|
[Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:8:9 › item: inputs - ios/rtl › should not have visual regressions:
src/components/item/test/inputs/item.e2e.ts#L12
1) [Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:8:9 › item: inputs - ios/rtl › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected)
2282 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-inputs-ios-rtl.png
Call log:
- Expect "toHaveScreenshot(item-inputs-ios-rtl.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2282 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
- 2282 pixels (ratio 0.01 of all image pixels) are different.
10 |
11 | await page.setIonViewport();
> 12 | await expect(page).toHaveScreenshot(screenshot(`item-inputs`));
| ^
13 | });
14 | });
15 | });
at /ionic/src/components/item/test/inputs/item.e2e.ts:12:26
|
🎭 Playwright Run Summary
360 skipped
276 passed (2.2m)
|
🎭 Playwright Run Summary
671 passed (3.6m)
|
🎭 Playwright Run Summary
368 skipped
303 passed (3.6m)
|
🎭 Playwright Run Summary
1 skipped
671 passed (3.7m)
|
🎭 Playwright Run Summary
688 passed (3.7m)
|
🎭 Playwright Run Summary
5 skipped
661 passed (4.1m)
|
🎭 Playwright Run Summary
1 flaky
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group
4 skipped
675 passed (4.7m)
|
🎭 Playwright Run Summary
14 skipped
489 passed (6.0m)
|
🎭 Playwright Run Summary
10 skipped
647 passed (6.4m)
|
🎭 Playwright Run Summary
3 flaky
[Mobile Chrome] › src/components/title/test/basic/title.e2e.ts:6:9 › title: basic - ionic/md/ltr/light › should not have visual regressions
[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
[Mobile Chrome] › src/components/toolbar/test/basic/toolbar.e2e.ts:229:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with nested slotted images
36 skipped
815 passed (6.5m)
|
🎭 Playwright Run Summary
5 skipped
674 passed (7.0m)
|
🎭 Playwright Run Summary
12 skipped
680 passed (7.9m)
|
🎭 Playwright Run Summary
1 skipped
666 passed (8.0m)
|
🎭 Playwright Run Summary
2 skipped
664 passed (8.6m)
|
🎭 Playwright Run Summary
2 flaky
[Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:8:9 › item: inputs - ios/rtl › should not have visual regressions
[Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - ios/ltr › disabled controls should not have visual regressions
3 skipped
667 passed (8.8m)
|
🎭 Playwright Run Summary
1 skipped
651 passed (9.1m)
|
🎭 Playwright Run Summary
5 skipped
709 passed (9.4m)
|
🎭 Playwright Run Summary
7 skipped
622 passed (9.8m)
|
🎭 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
|
863 KB |
sha256:2ace37971ce3e7cfe686833f94123ac59e4ea499181135ae21c8c19ec1efe9b3
|
|
ionic-angular-server
|
8.55 KB |
sha256:200c948f0d8879c0dceb1d345ccc215b4888e3bedbf9c34c0e17f384f9887343
|
|
ionic-core
|
5.13 MB |
sha256:d0252e23e2470f3c4dcee9d98d8b058de7b7d9622ff07f05ccc6f2ee656c7f03
|
|
ionic-react
|
403 KB |
sha256:a5a68ad208b83f73ce054e05d579f462345e76d87680e21ff26614ba3668307d
|
|
ionic-react-router
|
27.9 KB |
sha256:d712088a24f91be824e93af465d0ef04b6b6df31dea69144c5c51b9d33bbaee9
|
|
ionic-vue
|
433 KB |
sha256:e0249c95e039b29651f634ee041a17281d6ba37b91bf8c66cba2af84d1a67c24
|
|
ionic-vue-router
|
17.1 KB |
sha256:64ea984bae23789e4b8273db9cf3b0fba336c329728044b18e336bb6309d5813
|
|
test-results-1-20
|
505 KB |
sha256:6b029ad70271986e89d85ded5d9e12b819df66c405d5e9d0e8fc3d279f0d9ed9
|
|
test-results-10-20
|
456 KB |
sha256:f8c088eb8af31f78a42d14437520c9d910b11601b99ef0c51f1fed8b8e10206e
|
|
test-results-11-20
|
1.32 MB |
sha256:3359b5efd481160ebda33f2b960b688cbcede9cdc39b50cc8d4ba9e4649fc5e7
|
|
test-results-12-20
|
490 KB |
sha256:a8ec3f0bc611b375b544e9671e667ea3192c05a54a7bbfa672b89b474b4ac392
|
|
test-results-13-20
|
2.11 MB |
sha256:99884d714fcc80d4aad6732676a2b9daa5bcded176186af403a56d0e2fc905bc
|
|
test-results-14-20
|
436 KB |
sha256:cd09dfaa05586659d9c4e967bf91c84f4043c172cc801b2a95640fd191907dc6
|
|
test-results-15-20
|
472 KB |
sha256:693b4d0f800b4ba6bf87f45fdba52df059ae0517b03dfc0cea7aa25e8bd5310c
|
|
test-results-16-20
|
484 KB |
sha256:5dbe8b4db10f47a152f858c3165a3a3fcd6de678fdd9550136ff06f371c04024
|
|
test-results-17-20
|
2.15 MB |
sha256:d8b6e24a3e337e7186a0a626c1ba3aaea1673a90eabfa38132086c952352951c
|
|
test-results-18-20
|
567 KB |
sha256:c43634ba782e30fba876ab805f84f2823ed76c68b1c1d41e1e042e860eb6f856
|
|
test-results-19-20
|
457 KB |
sha256:8dd016f17a92b344b31f1c2f4026fc1773be033f3a6e4bdadd40eab08dcbd525
|
|
test-results-2-20
|
516 KB |
sha256:4d1d9146b1d8ff3366aa3f23cff01c97f7290cbdb03716f9e7b69810a3d4dba0
|
|
test-results-20-20
|
347 KB |
sha256:28d25b5144bca1b5dc6594a1b33a8f9f2bd8a924919f835fcb337b93bc3bc826
|
|
test-results-3-20
|
449 KB |
sha256:8fe339c948f4aca8055fee879cb4e3d976576f12ef75dfeb39fc206c1df6505e
|
|
test-results-4-20
|
598 KB |
sha256:d3f5650c5f6fcab152e8af96d3cd323d472e91b45dc6873aa30b98572c4e9356
|
|
test-results-5-20
|
501 KB |
sha256:12fc447b8ad5b4332c3fac95b3dcbe0f56273db3527115151235d7cda2b5fee8
|
|
test-results-6-20
|
487 KB |
sha256:22e27934e717743befc3196750276b085997ab3543c1b0a86f358bcd9bb52851
|
|
test-results-7-20
|
368 KB |
sha256:77759e37e2f2948e251043517c14e836fa06688d1b80b82b1c591f5168795166
|
|
test-results-8-20
|
458 KB |
sha256:3105dd4a2276e229d3e546b3b9dc65a196f77e2039b197bd34cf0ec5dc39c864
|
|
test-results-9-20
|
493 KB |
sha256:72acd02d63d902ce4fad8e63b36241dd42c5cc97879f4f77f4bcb39ccf3400fc
|
|