Skip to content

fix(picker-column): prevent focus issues on descendants of aria-hidde… #15053

fix(picker-column): prevent focus issues on descendants of aria-hidde…

fix(picker-column): prevent focus issues on descendants of aria-hidde… #15053

Triggered via pull request December 5, 2024 20:22
@thetaPCthetaPC
synchronize #30061
ROU-11368
Status Failure
Total duration 9m 42s
Artifacts 26

build.yml

on: pull_request
build-react
43s
build-react
build-vue
38s
build-vue
Matrix: test-core-screenshot
build-angular
57s
build-angular
build-angular-server
30s
build-angular-server
test-core-clean-build
13s
test-core-clean-build
test-core-lint
52s
test-core-lint
test-core-spec
44s
test-core-spec
build-react-router
20s
build-react-router
build-vue-router
35s
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

12 errors, 23 warnings, and 19 notices
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
1) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
1) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
1) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
2) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
2) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
2) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
3) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
3) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
3) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
4) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(1)", + ".picker-opts", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"picker-opts\" tabindex=\"-1\">", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-picker-column:nth-child(2)", + ".picker-opts", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
test-core-screenshot (17, 20)
The job was canceled because "_4_20" failed.
verify-screenshots
Process completed with exit code 1.
build-core
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-core-clean-build
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-angular-server
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-vue
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-react
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-core-spec
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-core-lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-angular
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-react-router
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
build-vue-router
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-react-e2e (react18)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-react-e2e (react17)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
verify-test-react-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-react-router-e2e (reactrouter5)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
verify-test-react-router-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-vue-e2e (vue3)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
verify-test-vue-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-angular-e2e (ng16)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-angular-e2e (ng19)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-angular-e2e (ng17)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test-angular-e2e (ng18)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
verify-test-angular-e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
verify-screenshots
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
🎭 Playwright Run Summary
216 skipped 229 passed (2.5m)
🎭 Playwright Run Summary
212 skipped 210 passed (2.6m)
🎭 Playwright Run Summary
455 passed (3.1m)
🎭 Playwright Run Summary
2 skipped 442 passed (3.4m)
🎭 Playwright Run Summary
3 skipped 451 passed (3.6m)
🎭 Playwright Run Summary
451 passed (3.6m)
🎭 Playwright Run Summary
438 passed (3.9m)
🎭 Playwright Run Summary
9 skipped 379 passed (4.3m)
🎭 Playwright Run Summary
550 passed (4.7m)
🎭 Playwright Run Summary
14 skipped 349 passed (4.9m)
🎭 Playwright Run Summary
2 skipped 402 passed (5.1m)
🎭 Playwright Run Summary
2 skipped 445 passed (5.4m)
🎭 Playwright Run Summary
3 skipped 459 passed (5.4m)
🎭 Playwright Run Summary
3 skipped 451 passed (5.4m)
🎭 Playwright Run Summary
4 skipped 448 passed (5.7m)
🎭 Playwright Run Summary
5 skipped 528 passed (6.0m)
🎭 Playwright Run Summary
2 skipped 428 passed (6.1m)
🎭 Playwright Run Summary
5 skipped 443 passed (6.3m)
🎭 Playwright Run Summary
4 failed [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations 10 skipped 476 passed (6.9m)

Artifacts

Produced during runtime
Name Size
ionic-angular
637 KB
ionic-angular-server
8.55 KB
ionic-core
4.86 MB
ionic-react
201 KB
ionic-react-router
27.9 KB
ionic-vue
216 KB
ionic-vue-router
17.1 KB
test-results-1-20
420 KB
test-results-10-20
473 KB
test-results-11-20
458 KB
test-results-12-20
417 KB
test-results-13-20
421 KB
test-results-14-20
394 KB
test-results-15-20
403 KB
test-results-16-20
438 KB
test-results-18-20
464 KB
test-results-19-20
375 KB
test-results-2-20
459 KB
test-results-20-20
309 KB
test-results-3-20
425 KB
test-results-4-20
20.3 MB
test-results-5-20
419 KB
test-results-6-20
404 KB
test-results-7-20
335 KB
test-results-8-20
417 KB
test-results-9-20
424 KB