diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx index 58d68472f8..f84f1483ba 100644 --- a/core/src/components/input/input.tsx +++ b/core/src/components/input/input.tsx @@ -514,6 +514,27 @@ export class Input implements ComponentInterface { return size; } + private getShape() { + const theme = getIonTheme(this); + const { shape } = this; + if (theme === 'ios' && shape === 'round') { + printIonWarning(`The "${shape}" shape is not supported in the ${theme} theme.`); + return undefined; + } + + if (shape !== undefined) { + return shape; + } + + // TODO(FW-6229): Update this when the default shape has been decided. + if (theme !== 'ionic') { + return undefined; + } + + // Fallback to round shape, which is the default shape for the ionic theme. + return 'round'; + } + private onInput = (ev: InputEvent | Event) => { const input = ev.target as HTMLInputElement | null; if (input) { @@ -734,10 +755,11 @@ export class Input implements ComponentInterface { } render() { - const { disabled, fill, readonly, shape, inputId, el, hasFocus, clearInput, clearInputIcon } = this; + const { disabled, fill, readonly, inputId, el, hasFocus, clearInput, clearInputIcon } = this; const theme = getIonTheme(this); const value = this.getValue(); const size = this.getSize(); + const shape = this.getShape(); const inItem = hostContext('ion-item', this.el); const shouldRenderHighlight = (theme === 'md' || theme === 'ionic') && fill !== 'outline' && !inItem; const labelPlacement = this.getLabelPlacement(); diff --git a/core/src/components/input/test/fill/input.e2e.ts b/core/src/components/input/test/fill/input.e2e.ts index 4109333687..f353a44c69 100644 --- a/core/src/components/input/test/fill/input.e2e.ts +++ b/core/src/components/input/test/fill/input.e2e.ts @@ -44,38 +44,17 @@ configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => { const input = page.locator('ion-input'); await expect(input).toHaveScreenshot(screenshot(`input-fill-solid-label-floating`)); }); - test('should not have visual regressions with shaped solid', async ({ page }) => { - await page.setContent( - ` - - `, - config - ); - - const input = page.locator('ion-input'); - await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-solid`)); - }); - test('padding and border radius should be customizable', async ({ page }) => { + test('padding should be customizable', async ({ page }) => { await page.setContent( ` { ); const input = page.locator('ion-input'); - await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-solid-custom`)); + await expect(input).toHaveScreenshot(screenshot(`input-fill-solid-custom`)); }); }); test.describe('input: fill outline', () => { @@ -130,41 +109,23 @@ configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => { const input = page.locator('ion-input'); await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-floating`)); }); - test('should not have visual regressions with shaped outline', async ({ page }) => { - await page.setContent( - ` - - `, - config - ); - - const input = page.locator('ion-input'); - await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-outline`)); - }); - test('padding and border radius should be customizable', async ({ page }) => { + test.only('padding should be customizable', async ({ page }) => { + /** + * Requires padding at the top to prevent the label + * from being clipped by the top of the input. + */ await page.setContent( ` { ); const input = page.locator('ion-input'); - await expect(input).toHaveScreenshot(screenshot(`input-fill-shaped-outline-custom`)); + await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-custom`)); }); }); }); @@ -268,7 +229,7 @@ configs({ modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => { await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked`)); }); - test('should not have visual regressions with outline fill and round shape', async ({ page }) => { + test('should not have visual regressions with outline fill and large size', async ({ page }) => { await page.setContent( ` { label="Email" label-placement="stacked" placeholder="example@ionic.io" - shape="round" - > - `, - config - ); - - const input = page.locator('ion-input'); - await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked-shape-round`)); - }); - - test('should not have visual regressions with outline fill, round shape, and large size', async ({ page }) => { - await page.setContent( - ` - `, @@ -302,7 +244,7 @@ configs({ modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => { ); const input = page.locator('ion-input'); - await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked-shape-round-size-large`)); + await expect(input).toHaveScreenshot(screenshot(`input-fill-outline-label-stacked-size-large`)); }); }); }); diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..670ec67b0c Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..2542a28f0b Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..52819d8961 Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..00a70c7e3c Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f338f115da Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..086f936311 Binary files /dev/null and b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-custom-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png deleted file mode 100644 index 0593b628b2..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png deleted file mode 100644 index 418fefe646..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png deleted file mode 100644 index e1b706be99..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Chrome-linux.png deleted file mode 100644 index 59a1195d12..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Firefox-linux.png deleted file mode 100644 index e0497e8b83..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Safari-linux.png deleted file mode 100644 index 311871085d..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-ionic-md-rtl-light-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Chrome-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Firefox-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-shape-round-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-outline-label-stacked-size-large-ionic-md-rtl-light-Mobile-Safari-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png deleted file mode 100644 index 9b87d9b820..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png deleted file mode 100644 index 0c1b009506..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png deleted file mode 100644 index 45d0aefa0f..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png deleted file mode 100644 index aa33a74b5f..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png deleted file mode 100644 index c98cd20551..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png deleted file mode 100644 index 06da3b8c73..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png deleted file mode 100644 index 64ba01963c..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png deleted file mode 100644 index 125a6c8994..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png deleted file mode 100644 index e460fcc8ba..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png deleted file mode 100644 index bd9f574d6f..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png deleted file mode 100644 index 40bac770da..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png deleted file mode 100644 index c91bf1295b..0000000000 Binary files a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png rename to core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-solid-custom-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/input/test/shape/index.html b/core/src/components/input/test/shape/index.html new file mode 100644 index 0000000000..1e91492573 --- /dev/null +++ b/core/src/components/input/test/shape/index.html @@ -0,0 +1,63 @@ + + + + + Input - Shape + + + + + + + + + + + + + + Input - Shape + + + + +
+
+

Default Shape

+ +
+
+

Round Shape

+ +
+
+
+
+ + diff --git a/core/src/components/input/test/shape/input.e2e.ts b/core/src/components/input/test/shape/input.e2e.ts new file mode 100644 index 0000000000..0a891cb0a4 --- /dev/null +++ b/core/src/components/input/test/shape/input.e2e.ts @@ -0,0 +1,111 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('input: shape'), () => { + /** + * Solid fill is only available in MD theme. + */ + test.describe('solid fill', () => { + test('should not have visual regressions', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-solid`)); + }); + test('border radius should be customizable', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-solid-custom`)); + }); + }); + }); +}); + +configs({ modes: ['ionic-md', 'md'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('input: shape'), () => { + test.describe('round shape', () => { + test.describe('outline fill', () => { + test('should not have visual regressions', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-outline`)); + }); + + test('border radius should be customizable', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const input = page.locator('ion-input'); + await expect(input).toHaveScreenshot(screenshot(`input-shape-round-fill-outline-custom`)); + }); + }); + }); + }); +}); diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..18d4147600 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..79084dc6f3 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000..507fdb7d01 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3a7833cf47 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..8d47b87eab Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000..0f04d6d599 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..81afadaa3f Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..31413adecc Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..49fe2f87b2 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..42d0e71836 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..cd219653d7 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..4b07e683bf Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-custom-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..5a6f2d689d Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..26519e60de Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000..db99f73f13 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..2bf731f553 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..535eaf7d71 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000..ca4b5840df Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3f1600c15b Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..37c831f7e7 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..ae90d71139 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..5551a27706 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-outline-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c0e6e3e482 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..a5c50ce561 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..39e8b199d2 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3d868fe802 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f0f6b10487 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..852a4aeb3d Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-custom-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..4d1fb2e059 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..aa111b14c4 Binary files /dev/null and b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/input/test/fill/input.e2e.ts-snapshots/input-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png rename to core/src/components/input/test/shape/input.e2e.ts-snapshots/input-shape-round-fill-solid-md-rtl-Mobile-Safari-linux.png