4) [Mobile Chrome] › 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') 4372 pixels (ratio 0.07 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 - 4372 pixels (ratio 0.07 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 - 4372 pixels (ratio 0.07 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

3) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:92:9 › chip: color - ionic/md/ltr/light › should render outline color chip Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. Snapshot: chip-outline-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-outline-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" color="success" class="ion-color ion-color-success chip-round chip-outline 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 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" color="success" class="ion-color ion-color-success chip-round chip-outline 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 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. 101 | const chip = page.locator('ion-chip'); 102 | > 103 | await expect(chip).toHaveScreenshot(screenshot(`chip-outline-color`)); | ^ 104 | }); 105 | }); 106 | }); at /ionic/src/components/chip/test/basic/chip.e2e.ts:103:26

3) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:92:9 › chip: color - ionic/md/ltr/light › should render outline color chip Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. Snapshot: chip-outline-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-outline-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" color="success" class="ion-color ion-color-success chip-round chip-outline 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 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" color="success" class="ion-color ion-color-success chip-round chip-outline 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 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. 101 | const chip = page.locator('ion-chip'); 102 | > 103 | await expect(chip).toHaveScreenshot(screenshot(`chip-outline-color`)); | ^ 104 | }); 105 | }); 106 | }); at /ionic/src/components/chip/test/basic/chip.e2e.ts:103:26

3) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:92:9 › chip: color - ionic/md/ltr/light › should render outline color chip Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. Snapshot: chip-outline-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-outline-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" color="success" class="ion-color ion-color-success chip-round chip-outline 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 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" color="success" class="ion-color ion-color-success chip-round chip-outline 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 150px by 32px, received 149px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. 101 | const chip = page.locator('ion-chip'); 102 | > 103 | await expect(chip).toHaveScreenshot(screenshot(`chip-outline-color`)); | ^ 104 | }); 105 | }); 106 | }); at /ionic/src/components/chip/test/basic/chip.e2e.ts:103:26

2) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:79:9 › chip: color - ionic/md/ltr/light › should render solid color chip Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. Snapshot: chip-solid-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-solid-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip color="success" class="ion-color ion-color-success 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 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip color="success" class="ion-color ion-color-success 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 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. 88 | const chip = page.locator('ion-chip'); 89 | > 90 | await expect(chip).toHaveScreenshot(screenshot(`chip-solid-color`)); | ^ 91 | }); 92 | test('should render outline color chip', async ({ page }) => { 93 | await page.setContent( at /ionic/src/components/chip/test/basic/chip.e2e.ts:90:26

2) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:79:9 › chip: color - ionic/md/ltr/light › should render solid color chip Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. Snapshot: chip-solid-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-solid-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip color="success" class="ion-color ion-color-success 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 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip color="success" class="ion-color ion-color-success 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 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. 88 | const chip = page.locator('ion-chip'); 89 | > 90 | await expect(chip).toHaveScreenshot(screenshot(`chip-solid-color`)); | ^ 91 | }); 92 | test('should render outline color chip', async ({ page }) => { 93 | await page.setContent( at /ionic/src/components/chip/test/basic/chip.e2e.ts:90:26

2) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:79:9 › chip: color - ionic/md/ltr/light › should render solid color chip Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. Snapshot: chip-solid-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-solid-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip color="success" class="ion-color ion-color-success 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 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip color="success" class="ion-color ion-color-success 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 148px by 32px, received 147px by 32px. 534 pixels (ratio 0.12 of all image pixels) are different. 88 | const chip = page.locator('ion-chip'); 89 | > 90 | await expect(chip).toHaveScreenshot(screenshot(`chip-solid-color`)); | ^ 91 | }); 92 | test('should render outline color chip', async ({ page }) => { 93 | await page.setContent( at /ionic/src/components/chip/test/basic/chip.e2e.ts:90:26

1) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:64:9 › chip: outline - ionic/md/ltr/light › should render default outline chip Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. Snapshot: chip-outline-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-outline-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" class="chip-round chip-outline 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 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" class="chip-round chip-outline 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 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. 73 | const chip = page.locator('ion-chip'); 74 | > 75 | await expect(chip).toHaveScreenshot(screenshot(`chip-outline`)); | ^ 76 | }); 77 | }); 78 | test.describe(title('chip: color'), () => { at /ionic/src/components/chip/test/basic/chip.e2e.ts:75:26

1) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:64:9 › chip: outline - ionic/md/ltr/light › should render default outline chip Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. Snapshot: chip-outline-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-outline-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" class="chip-round chip-outline 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 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" class="chip-round chip-outline 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 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. 73 | const chip = page.locator('ion-chip'); 74 | > 75 | await expect(chip).toHaveScreenshot(screenshot(`chip-outline`)); | ^ 76 | }); 77 | }); 78 | test.describe(title('chip: color'), () => { at /ionic/src/components/chip/test/basic/chip.e2e.ts:75:26

1) [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:64:9 › chip: outline - ionic/md/ltr/light › should render default outline chip Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-chip') Expected an image 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. Snapshot: chip-outline-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(chip-outline-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" class="chip-round chip-outline 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 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-chip') - locator resolved to <ion-chip outline="true" class="chip-round chip-outline 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 65px by 32px, received 64px by 32px. 153 pixels (ratio 0.08 of all image pixels) are different. 73 | const chip = page.locator('ion-chip'); 74 | > 75 | await expect(chip).toHaveScreenshot(screenshot(`chip-outline`)); | ^ 76 | }); 77 | }); 78 | test.describe(title('chip: color'), () => { at /ionic/src/components/chip/test/basic/chip.e2e.ts:75:26

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

The operation was canceled.

2) [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 Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › 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

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The operation was canceled.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

The operation was canceled.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

Process completed with exit code 12.

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._8_20" failed

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 1.

360 skipped 277 passed (2.2m)

368 skipped 307 passed (3.4m)

2 skipped 667 passed (3.5m)

1 skipped 683 passed (3.9m)

8 skipped 663 passed (4.3m)

152 skipped 707 passed (4.7m)

14 failed [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:64:9 › chip: outline - ionic/md/ltr/light › should render default outline chip [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:79:9 › chip: color - ionic/md/ltr/light › should render solid color chip [Mobile Chrome] › src/components/chip/test/basic/chip.e2e.ts:92:9 › chip: color - ionic/md/ltr/light › should render outline color chip [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ionic/md/ltr/light › should render subtle chips [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:113:9 › chip: hue - ionic/md/ltr/light › should render bold chips [Mobile Chrome] › src/components/chip/test/shape/chip.e2e.ts:14:11 › chip: shape - ionic/md/ltr/light › default › should not have visual regressions [Mobile Chrome] › src/components/chip/test/shape/chip.e2e.ts:22:11 › chip: shape - ionic/md/ltr/light › soft › should not have visual regressions [Mobile Chrome] › src/components/chip/test/shape/chip.e2e.ts:30:11 › chip: shape - ionic/md/ltr/light › round › should not have visual regressions [Mobile Chrome] › src/components/chip/test/shape/chip.e2e.ts:38:11 › chip: shape - ionic/md/ltr/light › rectangular › should not have visual regressions [Mobile Chrome] › src/components/chip/test/size/chip.e2e.ts:9:9 › chip: size - ionic/md/ltr/light › should render small chip [Mobile Chrome] › src/components/chip/test/size/chip.e2e.ts:22:9 › chip: size - ionic/md/ltr/light › should render large chip [Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:11:9 › chip: states - ionic/md/ltr/light › should render disabled state [Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ionic/md/ltr/light › should render focus state [Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:63:9 › chip: states - ionic/md/ltr/light › should custom chip 8 skipped 680 passed (4.7m)