fix(picker-column): prevent focus issues on descendants of aria-hidde… #15053
build.yml
on: pull_request
build-core
1m 17s
Matrix: test-core-screenshot
test-core-clean-build
13s
test-core-lint
52s
test-core-spec
44s
verify-screenshots
0s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-react-e2e
0s
verify-test-react-router-e2e
0s
verify-test-vue-e2e
0s
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 |
|