1) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a start-positioned label Error: Screenshot comparison failed: 788 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--6fe05-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/select-slots-label-start-md-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--6fe05-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/select-slots-label-start-md-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 791 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 788 pixels (ratio 0.04 of all image pixels) are different. 18 | 19 | const select = page.locator('ion-select'); > 20 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:20:28

1) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a start-positioned label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 788 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--6fe05-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/select-slots-label-start-md-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--6fe05-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/select-slots-label-start-md-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 791 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 788 pixels (ratio 0.04 of all image pixels) are different. 18 | 19 | const select = page.locator('ion-select'); > 20 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:20:28

1) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a start-positioned label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 788 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--6fe05-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/select-slots-label-start-md-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--6fe05-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/select-slots-label-start-md-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 791 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 788 pixels (ratio 0.04 of all image pixels) are different. 18 | 19 | const select = page.locator('ion-select'); > 20 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:20:28

2) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:23:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a floating label Error: Screenshot comparison failed: Expected an image 393px by 64px, received 393px by 70px. 1673 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--42175-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/select-slots-label-floating-md-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--42175-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/select-slots-label-floating-md-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 64px, received 393px by 70px. 1674 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 64px, received 393px by 70px. 1673 pixels (ratio 0.07 of all image pixels) are different. 35 | 36 | const select = page.locator('ion-select'); > 37 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:37:28

2) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:23:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a floating label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 64px, received 393px by 70px. 1673 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--42175-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry1/select-slots-label-floating-md-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--42175-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry1/select-slots-label-floating-md-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 64px, received 393px by 70px. 1674 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 64px, received 393px by 70px. 1673 pixels (ratio 0.07 of all image pixels) are different. 35 | 36 | const select = page.locator('ion-select'); > 37 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:37:28

2) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:23:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a floating label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 64px, received 393px by 70px. 1673 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--42175-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry2/select-slots-label-floating-md-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--42175-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry2/select-slots-label-floating-md-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 64px, received 393px by 70px. 1674 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 64px, received 393px by 70px. 1673 pixels (ratio 0.07 of all image pixels) are different. 35 | 36 | const select = page.locator('ion-select'); > 37 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:37:28

3) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a start-positioned label Error: Screenshot comparison failed: 826 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--56509-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/select-slots-label-start-md-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--56509-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/select-slots-label-start-md-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 825 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 826 pixels (ratio 0.04 of all image pixels) are different. 18 | 19 | const select = page.locator('ion-select'); > 20 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:20:28

3) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a start-positioned label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 826 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--56509-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/select-slots-label-start-md-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--56509-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/select-slots-label-start-md-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 825 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 826 pixels (ratio 0.04 of all image pixels) are different. 18 | 19 | const select = page.locator('ion-select'); > 20 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:20:28

3) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a start-positioned label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 826 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--56509-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/select-slots-label-start-md-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--56509-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/select-slots-label-start-md-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 825 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="sta…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 826 pixels (ratio 0.04 of all image pixels) are different. 18 | 19 | const select = page.locator('ion-select'); > 20 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:20:28

4) [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:23:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a floating label Error: Screenshot comparison failed: Expected an image 393px by 64px, received 393px by 70px. 1707 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--5bc46-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/select-slots-label-floating-md-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-select-test-slot-select.e2e.ts--5bc46-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/select-slots-label-floating-md-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 64px, received 393px by 70px. 1708 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select fill="solid" label="Weight" label-placement="flo…>…</ion-select> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 64px, received 393px by 70px. 1707 pixels (ratio 0.07 of all image pixels) are different. 35 | 36 | const select = page.locator('ion-select'); > 37 | await expect(select).toHaveScreenshot(screenshot(`select-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/select/test/slot/select.e2e.ts:37:28

1) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a start-positioned label Error: Screenshot comparison failed: Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-e01d8-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/input-slots-label-start-ios-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-e01d8-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/input-slots-label-start-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 48px, received 393px by 58px. 1486 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. 18 | 19 | const input = page.locator('ion-input'); > 20 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:20:27

1) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a start-positioned label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-e01d8-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/input-slots-label-start-ios-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-e01d8-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/input-slots-label-start-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. 18 | 19 | const input = page.locator('ion-input'); > 20 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:20:27

1) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a start-positioned label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-e01d8-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/input-slots-label-start-ios-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-e01d8-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/input-slots-label-start-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 48px, received 393px by 58px. 1487 pixels (ratio 0.07 of all image pixels) are different. 18 | 19 | const input = page.locator('ion-input'); > 20 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:20:27

2) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:23:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a floating label Error: Screenshot comparison failed: Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-623ce-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/input-slots-label-floating-ios-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-623ce-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/input-slots-label-floating-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. 35 | 36 | const input = page.locator('ion-input'); > 37 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:37:27

2) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:23:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a floating label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-623ce-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry1/input-slots-label-floating-ios-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-623ce-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry1/input-slots-label-floating-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. 35 | 36 | const input = page.locator('ion-input'); > 37 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:37:27

2) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:23:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a floating label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-623ce-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry2/input-slots-label-floating-ios-ltr-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-623ce-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome-retry2/input-slots-label-floating-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 67px, received 393px by 77px. 1259 pixels (ratio 0.05 of all image pixels) are different. 35 | 36 | const input = page.locator('ion-input'); > 37 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:37:27

3) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a start-positioned label Error: Screenshot comparison failed: Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-a1f68-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/input-slots-label-start-ios-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-a1f68-isual-regressions-with-a-start-positioned-label-Mobile-Chrome/input-slots-label-start-ios-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. 18 | 19 | const input = page.locator('ion-input'); > 20 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:20:27

3) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a start-positioned label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-a1f68-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/input-slots-label-start-ios-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-a1f68-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry1/input-slots-label-start-ios-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. 18 | 19 | const input = page.locator('ion-input'); > 20 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:20:27

3) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a start-positioned label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-a1f68-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/input-slots-label-start-ios-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-a1f68-isual-regressions-with-a-start-positioned-label-Mobile-Chrome-retry2/input-slots-label-start-ios-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 48px, received 393px by 58px. 1434 pixels (ratio 0.07 of all image pixels) are different. 18 | 19 | const input = page.locator('ion-input'); > 20 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-start`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with a floating label', async ({ page }) => { at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:20:27

4) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:23:9 › input: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a floating label Error: Screenshot comparison failed: Expected an image 393px by 67px, received 393px by 77px. 1210 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png Received: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-9fe86-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/input-slots-label-floating-ios-rtl-actual.png Diff: /home/runner/work/ionic-framework/ionic-framework/core/test-results/src-components-input-test-slot-input.e2e.ts-in-9fe86-t-have-visual-regressions-with-a-floating-label-Mobile-Chrome/input-slots-label-floating-ios-rtl-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 393px by 67px, received 393px by 77px. 1208 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="100" fill="solid" label="Weight" clear-in…>…</ion-input> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 393px by 67px, received 393px by 77px. 1210 pixels (ratio 0.04 of all image pixels) are different. 35 | 36 | const input = page.locator('ion-input'); > 37 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-floating`)); | ^ 38 | }); 39 | }); 40 | }); at /home/runner/work/ionic-framework/ionic-framework/core/src/components/input/test/slot/input.e2e.ts:37:27

The operation was canceled.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

Process completed with exit code 1.

405 passed (2.9m)

4 failed [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a start-positioned label [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:23:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a floating label [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a start-positioned label [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:23:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a floating label 14 skipped 354 passed (2.7m)

4 failed [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a start-positioned label [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:23:9 › input: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a floating label [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:6:9 › input: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a start-positioned label [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:23:9 › input: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a floating label 377 passed (3.2m)