1) [Mobile Chrome] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Error: Screenshot comparison failed: 375 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Chrome/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Chrome/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

1) [Mobile Chrome] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 375 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Chrome-retry1/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Chrome-retry1/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

1) [Mobile Chrome] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 375 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Chrome-retry2/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Chrome-retry2/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

Process completed with exit code 1.

1) [Mobile Safari] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Error: Screenshot comparison failed: Expected an image 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Safari/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Safari/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - 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 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - 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 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

1) [Mobile Safari] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Safari-retry1/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Safari-retry1/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - 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 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - 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 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

1) [Mobile Safari] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Safari-retry2/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Safari-retry2/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - 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 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - 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 390px by 76px, received 390px by 57px. 1203 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

Process completed with exit code 1.

1) [Mobile Chrome] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Chrome/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Chrome/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

1) [Mobile Chrome] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Chrome-retry1/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Chrome-retry1/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

1) [Mobile Chrome] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Chrome-retry2/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Chrome-retry2/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 76px, received 393px by 57px. 1218 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

Process completed with exit code 1.

1) [Mobile Firefox] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Error: Screenshot comparison failed: 454 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Firefox/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Firefox/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 454 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 454 pixels (ratio 0.03 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

1) [Mobile Firefox] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 454 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Firefox-retry1/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Firefox-retry1/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 454 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 454 pixels (ratio 0.03 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

1) [Mobile Firefox] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 454 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Firefox-retry2/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Firefox-retry2/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 454 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 454 pixels (ratio 0.03 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

Process completed with exit code 1.

1) [Mobile Firefox] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Firefox/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Firefox/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

1) [Mobile Firefox] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Firefox-retry1/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Firefox-retry1/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

1) [Mobile Firefox] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts-snapshots/textarea-async-label-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Firefox-retry2/textarea-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-textarea-te-d93af-n-label-slot-is-added-async-Mobile-Firefox-retry2/textarea-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(textarea-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-textarea-md-h md label-floating textarea-fill-solid textarea-label-placement-stacked hydrated">…</ion-textarea> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 76px, received 393px by 57px. 1272 pixels (ratio 0.05 of all image pixels) are different. 260 | await page.waitForChanges(); 261 | > 262 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-async-label`)); | ^ 263 | }); 264 | }); 265 | test.describe(title('textarea: flex in grid rendering'), () => { at /ionic/src/components/textarea/test/label-placement/textarea.e2e.ts:262:30

Process completed with exit code 1.

1) [Mobile Safari] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Error: Screenshot comparison failed: 388 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Safari/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Safari/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 388 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 388 pixels (ratio 0.02 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

1) [Mobile Safari] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 388 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Safari-retry1/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Safari-retry1/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 388 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 388 pixels (ratio 0.02 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

1) [Mobile Safari] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 388 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/label-placement/input.e2e.ts-snapshots/input-async-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Safari-retry2/input-async-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-input-test--499e6-n-label-slot-is-added-async-Mobile-Safari-retry2/input-async-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(input-async-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 388 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input fill="solid" placeholder="Text Input" label-placement="stacked" class="sc-ion-input-md-h md label-floating input-fill-solid input-label-placement-stacked hydrated">…</ion-input> - 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 - 388 pixels (ratio 0.02 of all image pixels) are different. 206 | await page.waitForChanges(); 207 | > 208 | await expect(input).toHaveScreenshot(screenshot(`input-async-label`)); | ^ 209 | }); 210 | }); 211 | test.describe(title('input: floating/stacked label layering'), () => { at /ionic/src/components/input/test/label-placement/input.e2e.ts:208:27

Process completed with exit code 1.

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

212 skipped 210 passed (2.6m)

216 skipped 229 passed (2.5m)

455 passed (3.2m)

2 skipped 442 passed (3.3m)

451 passed (3.6m)

1 failed [Mobile Chrome] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async 3 skipped 450 passed (3.5m)

438 passed (3.9m)

1 failed [Mobile Safari] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async 9 skipped 378 passed (4.4m)

1 failed [Mobile Chrome] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async 549 passed (4.7m)

14 skipped 349 passed (4.8m)

2 skipped 402 passed (5.0m)

1 failed [Mobile Firefox] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async 3 skipped 450 passed (5.5m)

1 failed [Mobile Firefox] › src/components/textarea/test/label-placement/textarea.e2e.ts:242:9 › textarea: async label - md/ltr › textarea should re-render when label slot is added async 3 skipped 458 passed (5.4m)

4 skipped 448 passed (5.8m)

1 failed [Mobile Safari] › src/components/input/test/label-placement/input.e2e.ts:188:9 › input: async label - md/ltr › input should re-render when label slot is added async 2 skipped 444 passed (5.7m)

5 skipped 528 passed (5.9m)

2 skipped 428 passed (6.1m)

10 skipped 480 passed (6.5m)

5 skipped 443 passed (6.6m)