1) [Mobile Chrome] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Chrome] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Chrome] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

1) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

1) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

2) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

2) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

2) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

3) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

3) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

3) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

4) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/rtl › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('.left-click-popover') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('.left-click-popover') 46 | 47 | await button.click(); > 48 | await expect(popover).toBeVisible(); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/popover/test/trigger/popover.e2e.ts:48:29

1) [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('.left-click-popover') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('.left-click-popover') 46 | 47 | await button.click(); > 48 | await expect(popover).toBeVisible(); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/popover/test/trigger/popover.e2e.ts:48:29

1) [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('.left-click-popover') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('.left-click-popover') 46 | 47 | await button.click(); > 48 | await expect(popover).toBeVisible(); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/popover/test/trigger/popover.e2e.ts:48:29

2) [Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:36:9 › segment: a11y - ios/ltr › should not have any axe violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 53 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"inner-scroll scroll-y overscroll\" part=\"scroll\"><slot></slot></div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "ion-content", + ".inner-scroll", + ], + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 38 | 39 | const results = await new AxeBuilder({ page }).analyze(); > 40 | expect(results.violations).toEqual([]); | ^ 41 | }); 42 | 43 | test('segment buttons should be keyboard navigable', async ({ page, pageUtils }) => { at /ionic/src/components/segment/test/a11y/segment.e2e.ts:40:34

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/datetime/test/presentation/datetime.e2e.ts:70:9 › datetime: presentation - ios/ltr › presentation: month-year: should emit ionChange Error: expect(received).toBe(expected) // Object.is equality Expected: 1 Received: 2 79 | await ionChangeSpy.next(); 80 | > 81 | expect(ionChangeSpy.length).toBe(1); | ^ 82 | }); 83 | 84 | test('presentation: month: should emit ionChange', async ({ page }) => { at /ionic/src/components/datetime/test/presentation/datetime.e2e.ts:81:35

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

4) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures 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.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-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/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Test timeout of 30000ms exceeded.

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Test timeout of 30000ms exceeded.

2) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Test timeout of 30000ms exceeded.

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

1) [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

1) [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

3) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:34:11 › nav: basic - ios/ltr › pushing a new page › should render the back button Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Safari] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Safari] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

2) [Mobile Safari] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Safari] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Safari] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Test timeout of 30000ms exceeded.

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

1) [Mobile Firefox] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Firefox] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Firefox] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

2) [Mobile Firefox] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Firefox] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Firefox] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Test timeout of 30000ms exceeded.

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

2 skipped 462 passed (3.1m)

212 skipped 240 passed (3.1m)

1 failed [Mobile Chrome] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader 445 passed (3.8m)

8 failed [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/rtl › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/rtl › should not have accessibility violations 208 skipped 234 passed (3.9m)

547 passed (4.3m)

1 failed [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item 463 passed (4.6m)

4 skipped 441 passed (4.6m)

8 skipped 445 passed (5.2m)

3 skipped 452 passed (5.3m)

3 skipped 448 passed (5.6m)

1 failed [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM 1 flaky [Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:36:9 › segment: a11y - ios/ltr › should not have any axe violations 10 skipped 437 passed (5.9m)

1 failed [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item 14 skipped 334 passed (6.1m)

1 flaky [Mobile Safari] › src/components/datetime/test/presentation/datetime.e2e.ts:70:9 › datetime: presentation - ios/ltr › presentation: month-year: should emit ionChange 2 skipped 410 passed (6.4m)

5 failed [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/rtl › should not have accessibility violations [Mobile Firefox] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item 4 skipped 515 passed (8.4m)

4 failed [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/rtl › should position the time picker relative to the click target 3 skipped 439 passed (10.0m)

4 failed [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/rtl › should position the time picker relative to the click target 3 skipped 378 passed (12.0m)

4 failed [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/rtl › should position the time picker relative to the click target 2 skipped 483 passed (12.2m)

15 failed [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:34:11 › nav: basic - ios/ltr › pushing a new page › should render the back button [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:45:9 › nav: basic - ios/ltr › back button should pop to the previous page [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:63:11 › nav: basic - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [Mobile Chrome] › src/components/nav/test/nested/nav.e2e.ts:15:9 › nav: nested - ios/ltr › should push pages with nested ion-nav [Mobile Chrome] › src/components/nav/test/nested/nav.e2e.ts:51:11 › nav: nested - ios/ltr › back button › should work with nested ion-nav [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:22:11 › nav: routing - ios/ltr › pushing a new page › should render the pushed component [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:47:11 › nav: routing - ios/ltr › pushing a new page › should render the back button [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:58:9 › nav: routing - ios/ltr › back button should pop to the previous page [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:77:11 › nav: routing - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [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:125:9 › picker: keyboard entry - ios/ltr › should select 00 [Mobile Chrome] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM 7 skipped 429 passed (19.8m)

15 failed [Mobile Safari] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader [Mobile Safari] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:34:11 › nav: basic - ios/ltr › pushing a new page › should render the back button [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:45:9 › nav: basic - ios/ltr › back button should pop to the previous page [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:63:11 › nav: basic - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [Mobile Safari] › src/components/nav/test/nested/nav.e2e.ts:15:9 › nav: nested - ios/ltr › should push pages with nested ion-nav [Mobile Safari] › src/components/nav/test/nested/nav.e2e.ts:51:11 › nav: nested - ios/ltr › back button › should work with nested ion-nav [Mobile Safari] › src/components/nav/test/routing/nav.e2e.ts:22:11 › nav: routing - ios/ltr › pushing a new page › should render the pushed component [Mobile Safari] › src/components/nav/test/routing/nav.e2e.ts:47:11 › nav: routing - ios/ltr › pushing a new page › should render the back button [Mobile Safari] › src/components/nav/test/routing/nav.e2e.ts:58:9 › nav: routing - ios/ltr › back button should pop to the previous page [Mobile Safari] › src/components/nav/test/routing/nav.e2e.ts:77:11 › nav: routing - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [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:125:9 › picker: keyboard entry - ios/ltr › should select 00 7 skipped 438 passed (23.4m)