Update Reference Screenshots #1955
update-screenshots.yml
on: workflow_dispatch
build-core
1m 4s
Matrix: test-core-screenshot
update-reference-screenshots
0s
Annotations
30 errors and 3 notices
|
[Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column:
src/components/picker/test/keyboard-entry/picker.e2e.ts#L46
4) [Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column
Error: event "ionChange" was not received
44 | await page.keyboard.press('Digit2');
45 |
> 46 | await expect(ionChange).toHaveReceivedEventDetail({ value: 2 });
| ^
47 | await expect(column).toHaveJSProperty('value', 2);
48 | });
49 |
at /ionic/src/components/picker/test/keyboard-entry/picker.e2e.ts:46:31
|
|
[Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Chrome] › 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
2) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Chrome] › 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
2) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Chrome] › 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
2) [Mobile Chrome] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Chrome] › 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
1) [Mobile Chrome] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Chrome] › 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
1) [Mobile Chrome] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Chrome] › 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
1) [Mobile Chrome] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column:
src/components/picker/test/keyboard-entry/picker.e2e.ts#L46
4) [Mobile Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column
Error: event "ionChange" was not received
44 | await page.keyboard.press('Digit2');
45 |
> 46 | await expect(ionChange).toHaveReceivedEventDetail({ value: 2 });
| ^
47 | await expect(column).toHaveJSProperty('value', 2);
48 | });
49 |
at /ionic/src/components/picker/test/keyboard-entry/picker.e2e.ts:46:31
|
|
[Mobile Safari] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Safari] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Safari] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Safari] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Safari] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Safari] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Safari] › 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
2) [Mobile Safari] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Safari] › 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
2) [Mobile Safari] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Safari] › 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
2) [Mobile Safari] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Safari] › 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
1) [Mobile Safari] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Safari] › 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
1) [Mobile Safari] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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 Safari] › 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
1) [Mobile Safari] › 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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column:
src/components/picker/test/keyboard-entry/picker.e2e.ts#L46
4) [Mobile Firefox] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column
Error: event "ionChange" was not received
44 | await page.keyboard.press('Digit2');
45 |
> 46 | await expect(ionChange).toHaveReceivedEventDetail({ value: 2 });
| ^
47 | await expect(column).toHaveJSProperty('value', 2);
48 | });
49 |
at /ionic/src/components/picker/test/keyboard-entry/picker.e2e.ts:46:31
|
|
[Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128:34
|
|
[Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back:
src/components/picker/test/basic/picker.e2e.ts#L128
3) [Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('ion-picker-column#second')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('ion-picker-column#second')
9 × locator resolved to <ion-picker-column id="second" value="onion" color="primary" class="ion-color ion-color-primary ios hydrated">…</ion-picker-column>
- unexpected value "inactive"
126 |
127 | await secondColumn.evaluate((el: HTMLIonPickerColumnElement) => el.setFocus());
> 128 | await expect(secondColumn).toBeFocused();
| ^
129 |
130 | await page.waitForChanges();
131 |
at /ionic/src/components/picker/test/basic/picker.e2e.ts:128: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
2) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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
2) [Mobile Firefox] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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
2) [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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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
1) [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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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
1) [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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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
1) [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 + 52
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.84,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#999999",
+ "fontSize": "16.5pt (22px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"picker-column-option-button\" role=\"button\"><slot></slot></div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".option-disabled",
+ ".picker-column-option-button[role=\"button\"]",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
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
|
|
🎭 Playwright Run Summary
11 failed
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
[Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
[Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column
[Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:50:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for multiple columns
[Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:125:9 › picker: keyboard entry - ios/ltr › should select 00
[Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:167:9 › picker: keyboard entry - ios/ltr › should allow typing 22 in a column where the max value is 23 and not just set it to 2
[Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:248:9 › picker: keyboard entry - ios/ltr › should set value to 2 and not wait for another digit when max value is 12
[Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:332:9 › picker: keyboard entry - ios/ltr › pressing Enter should dismiss the keyboard
[Mobile Chrome] › src/components/picker-column-option/test/a11y/picker-column-option.e2e.ts:10:9 › picker column option: a11y - ios/ltr › should not have accessibility violations
[Mobile Chrome] › src/components/picker-column-option/test/a11y/picker-column-option.e2e.ts:10:9 › picker column option: a11y - md/ltr › should not have accessibility violations
3 flaky
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups
[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
502 passed (5.4m)
|
|
🎭 Playwright Run Summary
11 failed
[Mobile Safari] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations
[Mobile Safari] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations
[Mobile Safari] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
[Mobile Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column
[Mobile Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:50:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for multiple columns
[Mobile Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:125:9 › picker: keyboard entry - ios/ltr › should select 00
[Mobile Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:167:9 › picker: keyboard entry - ios/ltr › should allow typing 22 in a column where the max value is 23 and not just set it to 2
[Mobile Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:248:9 › picker: keyboard entry - ios/ltr › should set value to 2 and not wait for another digit when max value is 12
[Mobile Safari] › src/components/picker/test/keyboard-entry/picker.e2e.ts:332:9 › picker: keyboard entry - ios/ltr › pressing Enter should dismiss the keyboard
[Mobile Safari] › src/components/picker-column-option/test/a11y/picker-column-option.e2e.ts:10:9 › picker column option: a11y - ios/ltr › should not have accessibility violations
[Mobile Safari] › src/components/picker-column-option/test/a11y/picker-column-option.e2e.ts:10:9 › picker column option: a11y - md/ltr › should not have accessibility violations
5 skipped
500 passed (8.9m)
|
|
🎭 Playwright Run Summary
11 failed
[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
[Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back
[Mobile Firefox] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column
[Mobile Firefox] › src/components/picker/test/keyboard-entry/picker.e2e.ts:50:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for multiple columns
[Mobile Firefox] › src/components/picker/test/keyboard-entry/picker.e2e.ts:125:9 › picker: keyboard entry - ios/ltr › should select 00
[Mobile Firefox] › src/components/picker/test/keyboard-entry/picker.e2e.ts:167:9 › picker: keyboard entry - ios/ltr › should allow typing 22 in a column where the max value is 23 and not just set it to 2
[Mobile Firefox] › src/components/picker/test/keyboard-entry/picker.e2e.ts:248:9 › picker: keyboard entry - ios/ltr › should set value to 2 and not wait for another digit when max value is 12
[Mobile Firefox] › src/components/picker/test/keyboard-entry/picker.e2e.ts:332:9 › picker: keyboard entry - ios/ltr › pressing Enter should dismiss the keyboard
[Mobile Firefox] › src/components/picker-column-option/test/a11y/picker-column-option.e2e.ts:10:9 › picker column option: a11y - ios/ltr › should not have accessibility violations
[Mobile Firefox] › src/components/picker-column-option/test/a11y/picker-column-option.e2e.ts:10:9 › picker column option: a11y - md/ltr › should not have accessibility violations
14 skipped
499 passed (9.9m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
test-results-11-20
Expired
|
28.8 MB |
sha256:12d8b225d2f3924d175725d43f736beb4ec0d22a469ccc3d1a844c188ec0318f
|
|
|
test-results-17-20
Expired
|
27.8 MB |
sha256:a4f5c6154a8e8ce81e73a04ce4a05c159dd98a8d62e4a2ea89f4ab30b08394a7
|
|
|
test-results-4-20
Expired
|
27.9 MB |
sha256:66f8ce53a9892b77c9fce9c5bca6f6146f2f81eeb3da821484703bf4b3cbbda9
|
|