1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups Error: expect(locator).toBeFocused() failed Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Timeout: 5000ms Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 120 | 121 | await pageUtils.pressKeys('Tab'); > 122 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 123 | 124 | await pageUtils.pressKeys('Tab'); 125 | await expect(secondGroupRadios.nth(0)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47

1) [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-tab-bar') 541 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-rtl-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-rtl-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 541 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 541 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

8) [Mobile Firefox] › src/components/chip/test/size/chip.e2e.ts:22:9 › chip: size - ionic/md/ltr/light › should render large chip Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 52px by 32px, received 36px by 25px. 183 pixels (ratio 0.11 of all image pixels) are different. Snapshot: chip-size-large-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-size-large-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip size="large" class="chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 52px by 32px, received 36px by 25px. 183 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip size="large" class="chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 52px by 32px, received 36px by 25px. 183 pixels (ratio 0.11 of all image pixels) are different. 30 | const chip = page.locator('ion-chip'); 31 | > 32 | await expect(chip).toHaveScreenshot(screenshot(`chip-size-large`)); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/chip/test/size/chip.e2e.ts:32:26

7) [Mobile Firefox] › src/components/chip/test/size/chip.e2e.ts:9:9 › chip: size - ionic/md/ltr/light › should render small chip Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 47px by 25px, received 35px by 25px. 180 pixels (ratio 0.16 of all image pixels) are different. Snapshot: chip-size-small-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-size-small-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip size="small" class="chip-round ion-activatable ion-focusable chip-small chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 47px by 25px, received 35px by 25px. 180 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip size="small" class="chip-round ion-activatable ion-focusable chip-small chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 47px by 25px, received 35px by 25px. 180 pixels (ratio 0.16 of all image pixels) are different. 17 | const chip = page.locator('ion-chip'); 18 | > 19 | await expect(chip).toHaveScreenshot(screenshot(`chip-size-small`)); | ^ 20 | }); 21 | 22 | test('should render large chip', async ({ page }) => { at /ionic/src/components/chip/test/size/chip.e2e.ts:19:26

6) [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:38:11 › chip: shape - ionic/md/ltr/light › rectangular › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#rectangular') Expected an image 93px by 33px, received 76px by 25px. 449 pixels (ratio 0.15 of all image pixels) are different. Snapshot: chip-rectangular-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-rectangular-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#rectangular') - locator resolved to <ion-chip id="rectangular" shape="rectangular" class="chip-rectangular ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 93px by 33px, received 76px by 25px. 449 pixels (ratio 0.15 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#rectangular') - locator resolved to <ion-chip id="rectangular" shape="rectangular" class="chip-rectangular ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 93px by 33px, received 76px by 25px. 449 pixels (ratio 0.15 of all image pixels) are different. 39 | const container = page.locator('#rectangular'); 40 | > 41 | await expect(container).toHaveScreenshot(screenshot(`chip-rectangular`)); | ^ 42 | }); 43 | }); 44 | }); at /ionic/src/components/chip/test/shape/chip.e2e.ts:41:33

6) [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:38:11 › chip: shape - ionic/md/ltr/light › rectangular › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#rectangular') Expected an image 93px by 33px, received 76px by 25px. 449 pixels (ratio 0.15 of all image pixels) are different. Snapshot: chip-rectangular-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-rectangular-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#rectangular') - locator resolved to <ion-chip id="rectangular" shape="rectangular" class="chip-rectangular ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 93px by 33px, received 76px by 25px. 449 pixels (ratio 0.15 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#rectangular') - locator resolved to <ion-chip id="rectangular" shape="rectangular" class="chip-rectangular ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 93px by 33px, received 76px by 25px. 449 pixels (ratio 0.15 of all image pixels) are different. 39 | const container = page.locator('#rectangular'); 40 | > 41 | await expect(container).toHaveScreenshot(screenshot(`chip-rectangular`)); | ^ 42 | }); 43 | }); 44 | }); at /ionic/src/components/chip/test/shape/chip.e2e.ts:41:33

5) [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:30:11 › chip: shape - ionic/md/ltr/light › round › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#round') Expected an image 57px by 33px, received 41px by 25px. 188 pixels (ratio 0.10 of all image pixels) are different. Snapshot: chip-round-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-round-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#round') - locator resolved to <ion-chip id="round" shape="round" class="chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 57px by 33px, received 41px by 25px. 188 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#round') - locator resolved to <ion-chip id="round" shape="round" class="chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 57px by 33px, received 41px by 25px. 188 pixels (ratio 0.10 of all image pixels) are different. 31 | const container = page.locator('#round'); 32 | > 33 | await expect(container).toHaveScreenshot(screenshot(`chip-round`)); | ^ 34 | }); 35 | }); 36 | at /ionic/src/components/chip/test/shape/chip.e2e.ts:33:33

4) [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:22:11 › chip: shape - ionic/md/ltr/light › soft › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#soft') Expected an image 43px by 33px, received 26px by 25px. 106 pixels (ratio 0.08 of all image pixels) are different. Snapshot: chip-soft-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-soft-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#soft') - locator resolved to <ion-chip id="soft" shape="soft" class="chip-soft ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 43px by 33px, received 26px by 25px. 106 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#soft') - locator resolved to <ion-chip id="soft" shape="soft" class="chip-soft ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 43px by 33px, received 26px by 25px. 106 pixels (ratio 0.08 of all image pixels) are different. 23 | const container = page.locator('#soft'); 24 | > 25 | await expect(container).toHaveScreenshot(screenshot(`chip-soft`)); | ^ 26 | }); 27 | }); 28 | at /ionic/src/components/chip/test/shape/chip.e2e.ts:25:33

3) [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:14:11 › chip: shape - ionic/md/ltr/light › default › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#default') Expected an image 62px by 33px, received 45px by 25px. 282 pixels (ratio 0.14 of all image pixels) are different. Snapshot: chip-default-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-default-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#default') - locator resolved to <ion-chip id="default" class="chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 62px by 33px, received 45px by 25px. 282 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#default') - locator resolved to <ion-chip id="default" class="chip-round ion-activatable ion-focusable chip-large chip-subtle hydrated">…</ion-chip> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 62px by 33px, received 45px by 25px. 282 pixels (ratio 0.14 of all image pixels) are different. 15 | const container = page.locator('#default'); 16 | > 17 | await expect(container).toHaveScreenshot(screenshot(`chip-default`)); | ^ 18 | }); 19 | }); 20 | at /ionic/src/components/chip/test/shape/chip.e2e.ts:17:33

2) [Mobile Firefox] › src/components/chip/test/hue/chip.e2e.ts:113:9 › chip: hue - ionic/md/ltr/light › should render bold chips Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') Expected an image 393px by 160px, received 393px by 140px. 29441 pixels (ratio 0.47 of all image pixels) are different. Snapshot: chip-hue-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-hue-bold-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 160px, received 393px by 140px. 29441 pixels (ratio 0.47 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 160px, received 393px by 140px. 29441 pixels (ratio 0.47 of all image pixels) are different. 212 | const container = page.locator('#container'); 213 | > 214 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-bold`)); | ^ 215 | }); 216 | }); 217 | }); at /ionic/src/components/chip/test/hue/chip.e2e.ts:214:31

2) [Mobile Firefox] › src/components/chip/test/hue/chip.e2e.ts:113:9 › chip: hue - ionic/md/ltr/light › should render bold chips Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') Expected an image 393px by 160px, received 393px by 140px. 29441 pixels (ratio 0.47 of all image pixels) are different. Snapshot: chip-hue-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-hue-bold-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 160px, received 393px by 140px. 29441 pixels (ratio 0.47 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 160px, received 393px by 140px. 29441 pixels (ratio 0.47 of all image pixels) are different. 212 | const container = page.locator('#container'); 213 | > 214 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-bold`)); | ^ 215 | }); 216 | }); 217 | }); at /ionic/src/components/chip/test/hue/chip.e2e.ts:214:31

1) [Mobile Firefox] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ionic/md/ltr/light › should render subtle chips Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') Expected an image 393px by 160px, received 393px by 140px. 9709 pixels (ratio 0.16 of all image pixels) are different. Snapshot: chip-hue-subtle-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-hue-subtle-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 160px, received 393px by 140px. 9709 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 160px, received 393px by 140px. 9709 pixels (ratio 0.16 of all image pixels) are different. 108 | const container = page.locator('#container'); 109 | > 110 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-subtle`)); | ^ 111 | }); 112 | 113 | test('should render bold chips', async ({ page }) => { at /ionic/src/components/chip/test/hue/chip.e2e.ts:110:31

360 skipped 277 passed (2.2m)

368 skipped 307 passed (3.5m)

2 skipped 667 passed (3.6m)

1 skipped 683 passed (3.9m)

8 skipped 694 passed (4.0m)

8 skipped 663 passed (4.4m)

152 skipped 707 passed (4.6m)

1 flaky [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups 4 skipped 671 passed (4.8m)

14 skipped 491 passed (6.1m)

18 skipped 640 passed (6.6m)

5 skipped 691 passed (7.2m)

3 skipped 664 passed (7.7m)

1 skipped 656 passed (7.9m)

12 skipped 695 passed (8.3m)

13 skipped 660 passed (8.5m)

4 skipped 738 passed (8.7m)

1 flaky [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions 13 skipped 711 passed (8.7m)

5 skipped 658 passed (9.0m)

10 flaky [Mobile Firefox] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ionic/md/ltr/light › should render subtle chips [Mobile Firefox] › src/components/chip/test/hue/chip.e2e.ts:113:9 › chip: hue - ionic/md/ltr/light › should render bold chips [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:14:11 › chip: shape - ionic/md/ltr/light › default › should not have visual regressions [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:22:11 › chip: shape - ionic/md/ltr/light › soft › should not have visual regressions [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:30:11 › chip: shape - ionic/md/ltr/light › round › should not have visual regressions [Mobile Firefox] › src/components/chip/test/shape/chip.e2e.ts:38:11 › chip: shape - ionic/md/ltr/light › rectangular › should not have visual regressions [Mobile Firefox] › src/components/chip/test/size/chip.e2e.ts:9:9 › chip: size - ionic/md/ltr/light › should render small chip [Mobile Firefox] › src/components/chip/test/size/chip.e2e.ts:22:9 › chip: size - ionic/md/ltr/light › should render large chip [Mobile Firefox] › src/components/chip/test/states/chip.e2e.ts:11:9 › chip: states - ionic/md/ltr/light › should render disabled state [Mobile Firefox] › src/components/chip/test/states/chip.e2e.ts:63:9 › chip: states - ionic/md/ltr/light › should custom chip 18 skipped 618 passed (9.9m)