1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group 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" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47

1) [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:78:9 › range: states - ionic/md/ltr/light › should render focus state Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-range') 206 pixels (ratio 0.02 of all image pixels) are different. Snapshot: range-focus-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(range-focus-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-range') - locator resolved to <ion-range id="ion-r-0" class="ionic range-label-placement-start hydrated">…</ion-range> - 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 - 206 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-range') - locator resolved to <ion-range id="ion-r-0" class="ionic range-label-placement-start hydrated">…</ion-range> - 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 - 206 pixels (ratio 0.02 of all image pixels) are different. 93 | handle.focus(); 94 | > 95 | await expect(range).toHaveScreenshot(screenshot(`range-focus`)); | ^ 96 | }); 97 | }); 98 | }); at /ionic/src/components/range/test/states/range.e2e.ts:95:27

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

9) [Mobile Firefox] › src/components/divider/test/basic/divider.e2e.ts:27:9 › divider: inset - ionic/md/rtl/light › should not have visual regressions when inset is enabled Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') 97 pixels (ratio 0.01 of all image pixels) are different. Snapshot: divider-basic-inset-ionic-md-rtl-light.png Call log: - Expect "toHaveScreenshot(divider-basic-inset-ionic-md-rtl-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 - 97 pixels (ratio 0.01 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 - 97 pixels (ratio 0.01 of all image pixels) are different. 39 | const container = page.locator('#container'); 40 | > 41 | await expect(container).toHaveScreenshot(screenshot(`divider-basic-inset`)); | ^ 42 | }); 43 | }); 44 | }); at /ionic/src/components/divider/test/basic/divider.e2e.ts:41:31

8) [Mobile Firefox] › src/components/chip/test/states/chip.e2e.ts:11:9 › chip: states - ionic/md/ltr/light › should render disabled state Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') Expected an image 393px by 40px, received 393px by 32px. 628 pixels (ratio 0.04 of all image pixels) are different. Snapshot: chip-disabled-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-disabled-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 40px, received 393px by 32px. 628 pixels (ratio 0.04 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 40px, received 393px by 32px. 628 pixels (ratio 0.04 of all image pixels) are different. 33 | const container = page.locator('#container'); 34 | > 35 | await expect(container).toHaveScreenshot(screenshot(`chip-disabled`)); | ^ 36 | }); 37 | test('should render focus state', async ({ page }) => { 38 | await page.setContent( at /ionic/src/components/chip/test/states/chip.e2e.ts:35:31

7) [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

6) [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

5) [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

4) [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

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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── 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

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 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.3m)

368 skipped 307 passed (3.4m)

2 skipped 667 passed (3.6m)

1 skipped 683 passed (3.8m)

8 skipped 694 passed (3.9m)

8 skipped 663 passed (4.3m)

152 skipped 707 passed (4.6m)

1 flaky [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group 4 skipped 671 passed (5.0m)

14 skipped 491 passed (5.9m)

18 skipped 640 passed (6.5m)

5 skipped 691 passed (7.2m)

1 flaky [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:78:9 › range: states - ionic/md/ltr/light › should render focus state 1 skipped 655 passed (7.9m)

3 skipped 664 passed (8.1m)

12 skipped 695 passed (8.4m)

13 skipped 660 passed (8.5m)

5 skipped 658 passed (8.6m)

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.6m)

4 skipped 738 passed (9.1m)

11 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: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/divider/test/basic/divider.e2e.ts:27:9 › divider: inset - ionic/md/rtl/light › should not have visual regressions when inset is enabled [Mobile Firefox] › src/components/divider/test/spacing/divider.e2e.ts:7:11 › divider: spacing - ionic/md/ltr/light › should render divider with xlarge spacing [Mobile Firefox] › src/components/divider/test/spacing/divider.e2e.ts:7:11 › divider: spacing - ionic/md/ltr/light › should render divider with xxlarge spacing 18 skipped 617 passed (9.6m)