Skip to content

fix(accordion): update design and tokens #16866

fix(accordion): update design and tokens

fix(accordion): update design and tokens #16866

Triggered via pull request August 8, 2025 16:56
Status Success
Total duration 13m 7s
Artifacts 27

build.yml

on: pull_request
build-react
44s
build-react
build-vue
34s
build-vue
Matrix: test-core-screenshot
build-angular
1m 3s
build-angular
build-angular-server
34s
build-angular-server
test-core-clean-build
9s
test-core-clean-build
test-core-lint
56s
test-core-lint
test-core-spec
44s
test-core-spec
build-react-router
25s
build-react-router
build-vue-router
42s
build-vue-router
verify-screenshots
2s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
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

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