Skip to content

fix(utils): apply focus styles on iOS when using Tab with a hardware keyboard #16021

fix(utils): apply focus styles on iOS when using Tab with a hardware keyboard

fix(utils): apply focus styles on iOS when using Tab with a hardware keyboard #16021

Triggered via pull request April 11, 2025 19:27
Status Failure
Total duration 7m 10s
Artifacts 8

build.yml

on: pull_request
build-react
42s
build-react
build-vue
29s
build-vue
Matrix: test-core-screenshot
build-angular
59s
build-angular
build-angular-server
29s
build-angular-server
test-core-clean-build
9s
test-core-clean-build
test-core-lint
45s
test-core-lint
test-core-spec
45s
test-core-spec
build-react-router
22s
build-react-router
build-vue-router
33s
build-vue-router
verify-screenshots
0s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-angular-e2e
verify-test-react-e2e
0s
verify-test-react-e2e
verify-test-react-router-e2e
0s
verify-test-react-router-e2e
verify-test-vue-e2e
0s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

24 errors and 1 notice
[Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ios/ltr › should update value and visually expand items: src/components/accordion/test/multiple/accordion.e2e.ts#L21
1) [Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ios/ltr › should update value and visually expand items Error: expect(locator).toHaveScreenshot(expected) 15135 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-t-26450-e-and-visually-expand-items-Mobile-Chrome/accordion-two-open-ios-ltr-actual.png Diff: /ionic/test-results/src-components-accordion-t-26450-e-and-visually-expand-items-Mobile-Chrome/accordion-two-open-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(accordion-two-open-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ios accordion-group-expand-compact hydrated">…</ion-accordion-group> - 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 - 15135 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ios accordion-group-expand-compact hydrated">…</ion-accordion-group> - 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 - 15135 pixels (ratio 0.10 of all image pixels) are different. 19 | await expect(accordionGroup).toHaveJSProperty('value', ['attractions', 'dining']); 20 | > 21 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-two-open')); | ^ 22 | 23 | await diningHeader.click(); 24 | await attractionsHeader.click(); at /ionic/src/components/accordion/test/multiple/accordion.e2e.ts:21:36
[Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ios/ltr › should update value and visually expand items: src/components/accordion/test/multiple/accordion.e2e.ts#L21
1) [Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ios/ltr › should update value and visually expand items Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 15135 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-t-26450-e-and-visually-expand-items-Mobile-Chrome-retry1/accordion-two-open-ios-ltr-actual.png Diff: /ionic/test-results/src-components-accordion-t-26450-e-and-visually-expand-items-Mobile-Chrome-retry1/accordion-two-open-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(accordion-two-open-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ios accordion-group-expand-compact hydrated">…</ion-accordion-group> - 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 - 15135 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ios accordion-group-expand-compact hydrated">…</ion-accordion-group> - 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 - 15135 pixels (ratio 0.10 of all image pixels) are different. 19 | await expect(accordionGroup).toHaveJSProperty('value', ['attractions', 'dining']); 20 | > 21 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-two-open')); | ^ 22 | 23 | await diningHeader.click(); 24 | await attractionsHeader.click(); at /ionic/src/components/accordion/test/multiple/accordion.e2e.ts:21:36
[Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ios/ltr › should update value and visually expand items: src/components/accordion/test/multiple/accordion.e2e.ts#L21
1) [Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ios/ltr › should update value and visually expand items Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 15135 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-t-26450-e-and-visually-expand-items-Mobile-Chrome-retry2/accordion-two-open-ios-ltr-actual.png Diff: /ionic/test-results/src-components-accordion-t-26450-e-and-visually-expand-items-Mobile-Chrome-retry2/accordion-two-open-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(accordion-two-open-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ios accordion-group-expand-compact hydrated">…</ion-accordion-group> - 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 - 15135 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ios accordion-group-expand-compact hydrated">…</ion-accordion-group> - 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 - 15135 pixels (ratio 0.10 of all image pixels) are different. 19 | await expect(accordionGroup).toHaveJSProperty('value', ['attractions', 'dining']); 20 | > 21 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-two-open')); | ^ 22 | 23 | await diningHeader.click(); 24 | await attractionsHeader.click(); at /ionic/src/components/accordion/test/multiple/accordion.e2e.ts:21:36
test-core-screenshot (7, 20)
Process completed with exit code 1.
test-core-screenshot (18, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (14, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (19, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (9, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (4, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (15, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (1, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (13, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (12, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (8, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (3, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (11, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (6, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (10, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (16, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (20, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (17, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (5, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (2, 20)
The job was canceled because "_7_20" failed.
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
1 failed [Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ios/ltr › should update value and visually expand items 216 skipped 228 passed (2.2m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
643 KB
sha256:5dd0a8f7830fc6ddba95e67b4d869f076cff77b8bfa2987582c028371fa37fb5
ionic-angular-server Expired
8.56 KB
sha256:ec143cefce467ed9dcd92a0fe15352723891ac93c3f78c80b05987e913ebeb53
ionic-core Expired
4.92 MB
sha256:b111f6e027d6488d3503c3898ca1851a4d6ba65252dce4184c3d1aac69532dba
ionic-react Expired
199 KB
sha256:bde0fd7ff6b96052c9266f99253ae0e8504a773869d9d09c65ed1a5445ee5d8e
ionic-react-router Expired
27.9 KB
sha256:4dbf6e50b8454a2f666b451abfd3b844ae0da491c072c240674130cec49fca23
ionic-vue Expired
220 KB
sha256:ade8223ca0c242586a31185d6008e26fc34313d94e5f8469365816b2e338a8ee
ionic-vue-router Expired
17.1 KB
sha256:fbcd91613005c0ca6a10b4b4885a5a51cc3d8566a496d99d7eafe9744ff963ce
test-results-7-20 Expired
2.4 MB
sha256:851375f486389e976f44674558cca35cc102c799144f0615e08513ae7a5c1bfc