Skip to content

Update Reference Screenshots #1955

Update Reference Screenshots

Update Reference Screenshots #1955

Re-run triggered July 18, 2025 09:01
Status Failure
Total duration 10m 49s
Artifacts 25

update-screenshots.yml

on: workflow_dispatch
Matrix: test-core-screenshot
update-reference-screenshots
0s
update-reference-screenshots
Fit to window
Zoom out
Zoom in

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