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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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

[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: core/src/components/input/test/slot/input.e2e.ts#L37

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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 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

[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: core/src/components/input/test/slot/input.e2e.ts#L20

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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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 58px, received 393px by 48px. 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

[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: core/src/components/input/test/slot/input.e2e.ts#L37

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 77px, received 393px by 67px. 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 77px, received 393px by 67px. 1210 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 77px, received 393px by 67px. 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

test-core-screenshot (20, 20)

The operation was canceled.

test-core-screenshot (20, 20)