diff --git a/core/src/components/item/test/a11y/e2e.ts b/core/src/components/item/test/a11y/e2e.ts deleted file mode 100644 index 46d2436044a..00000000000 --- a/core/src/components/item/test/a11y/e2e.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { AxePuppeteer } from '@axe-core/puppeteer'; -import { newE2EPage } from '@stencil/core/testing'; - -test('item: axe', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/a11y?ionic:_testing=true', - }); - - const results = await new AxePuppeteer(page) - // TODO(FW-404): Re-enable rule once select is updated to avoid nested-interactive - .disableRules('nested-interactive') - .analyze(); - expect(results.violations.length).toEqual(0); -}); diff --git a/core/src/components/item/test/a11y/item.e2e.ts b/core/src/components/item/test/a11y/item.e2e.ts new file mode 100644 index 00000000000..ff85a14d75b --- /dev/null +++ b/core/src/components/item/test/a11y/item.e2e.ts @@ -0,0 +1,15 @@ +import AxeBuilder from '@axe-core/playwright'; +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: axe', () => { + test('should not have accessibility violations', async ({ page }) => { + await page.goto(`/src/components/item/test/a11y`); + + const results = await new AxeBuilder({ page }) + // TODO(FW-404): Re-enable rule once select is updated to avoid nested-interactive + .disableRules('nested-interactive') + .analyze(); + expect(results.violations).toEqual([]); + }); +}); diff --git a/core/src/components/item/test/alignment/e2e.ts b/core/src/components/item/test/alignment/e2e.ts deleted file mode 100644 index 41b7228e72c..00000000000 --- a/core/src/components/item/test/alignment/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: alignment', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/alignment?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: alignment-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/alignment?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/alignment/index.html b/core/src/components/item/test/alignment/index.html index e10b19c438f..5429c9007f5 100644 --- a/core/src/components/item/test/alignment/index.html +++ b/core/src/components/item/test/alignment/index.html @@ -25,10 +25,6 @@ Leading Icons - - - - @@ -44,10 +40,6 @@ Default Labels - - Time - - From @@ -63,10 +55,6 @@ Fixed Labels - - Time - - From @@ -82,10 +70,6 @@ Floating Labels - - Time - - From @@ -101,10 +85,6 @@ Stacked Labels - - Time - - From @@ -120,10 +100,6 @@ End Labels - - Time - - From diff --git a/core/src/components/item/test/alignment/item.e2e.ts b/core/src/components/item/test/alignment/item.e2e.ts new file mode 100644 index 00000000000..384faf1d4c7 --- /dev/null +++ b/core/src/components/item/test/alignment/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: alignment', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/alignment`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-alignment-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..3c6581d246e Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..2ab74352e33 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..41f2b7b038c Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..0389b9e2fd8 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..597c78fa248 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b6decfc8bcf Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..160af2e44a8 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..2d686af29dc Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..6e970c68a3f Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..7f1b5325b8d Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..194769e2a3c Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..dc9410c72f8 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/e2e.ts b/core/src/components/item/test/basic/e2e.ts deleted file mode 100644 index a11ce3c8882..00000000000 --- a/core/src/components/item/test/basic/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: basic', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/basic?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: basic-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/basic?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/basic/item.e2e.ts b/core/src/components/item/test/basic/item.e2e.ts new file mode 100644 index 00000000000..06dac9a2338 --- /dev/null +++ b/core/src/components/item/test/basic/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: basic', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/basic`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..f9d4678ff6a Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..1e446b1487b Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..3e38884ed8c Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..c9cf54e4cf4 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..0430982a778 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..5d1e9b34383 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..27e197ade41 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..de94724c516 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..16c07edeb84 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..f785ba87d23 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..2579adc51e6 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..71207b2868c Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/e2e.ts b/core/src/components/item/test/buttons/e2e.ts deleted file mode 100644 index 43ad399d10b..00000000000 --- a/core/src/components/item/test/buttons/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: buttons', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/buttons?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/buttons/item.e2e.ts b/core/src/components/item/test/buttons/item.e2e.ts new file mode 100644 index 00000000000..c04da22edf5 --- /dev/null +++ b/core/src/components/item/test/buttons/item.e2e.ts @@ -0,0 +1,18 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: buttons', () => { + test('should not have visual regressions', async ({ page }) => { + /** + * This test validates that in iOS mode the arrow indicators are + * added to the end of the ion-item row. + * + * In MD mode, these arrow indicators are not present. + */ + await page.goto(`/src/components/item/test/buttons`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-buttons-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..7b2f0cd15ca Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..22c2e1f27f8 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..cc60a56faa0 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..359d9d30645 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e36895f05d5 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..51840180b9b Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..88dce995374 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..f94dd47d0fb Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..5ffb17b206d Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..acbc339667b Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..c4d39643a30 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..6350fd6611a Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/e2e.ts b/core/src/components/item/test/colors/e2e.ts deleted file mode 100644 index f3dba72df25..00000000000 --- a/core/src/components/item/test/colors/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: colors', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/colors?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/colors/item.e2e.ts b/core/src/components/item/test/colors/item.e2e.ts new file mode 100644 index 00000000000..f345190a348 --- /dev/null +++ b/core/src/components/item/test/colors/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: colors', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/colors`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-colors-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..630b2e75b65 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..da55028364d Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..8d24960120f Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..a1127e50eb7 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..3346d252a6f Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..148cc8c8295 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..293066bb81b Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..73704399da8 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..a1d8e0b84c7 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..eb9a83df40c Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..c5cfc78d784 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..c84e01eb605 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/counter/e2e.ts b/core/src/components/item/test/counter/e2e.ts deleted file mode 100644 index b2f9851a09a..00000000000 --- a/core/src/components/item/test/counter/e2e.ts +++ /dev/null @@ -1,96 +0,0 @@ -import type { E2EPage } from '@stencil/core/testing'; -import { newE2EPage } from '@stencil/core/testing'; - -describe('item: counter', () => { - describe('custom formatter', () => { - let page: E2EPage; - - beforeEach(async () => { - page = await newE2EPage({ - url: '/src/components/item/test/counter?ionic:_testing=true', - }); - }); - - it('should format on load', async () => { - const itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('20 characters left'); - }); - - it('should format on input', async () => { - const input = await page.find('#customFormatter ion-input'); - - await input.click(); - await input.type('abcde'); - - await page.waitForChanges(); - - const itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('15 characters left'); - }); - - it('should format after changing the counterFormatter', async () => { - let itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('20 characters left'); - - await page.$eval('#customFormatter', (el: any) => { - el.counterFormatter = () => { - return 'test label'; - }; - }); - await page.waitForChanges(); - - itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('test label'); - }); - - describe('when an exception occurs', () => { - const logs = []; - - beforeEach(async () => { - page = await newE2EPage({ - html: ` - - - `, - }); - - page.on('console', (ev) => { - if (ev.type() === 'error') { - logs.push(ev.text()); - } - }); - - const itemCounter = await page.find('ion-item >>> .item-counter'); - - expect(itemCounter.textContent).toBe('0 / 20'); - - await page.$eval('ion-item', (el: any) => { - el.counterFormatter = () => { - throw new Error('This is an expected error'); - }; - }); - await page.waitForChanges(); - }); - - it('should default the formatting to length / maxlength', async () => { - const input = await page.find('ion-input'); - - await input.click(); - await input.type('abcde'); - - const itemCounter = await page.find('ion-item >>> .item-counter'); - - expect(itemCounter.textContent).toBe('5 / 20'); - }); - - it('should log an error', () => { - expect(logs.length).toBeGreaterThan(0); - expect(logs[0]).toMatch('[Ionic Error]: Exception in provided `counterFormatter`.'); - }); - }); - }); -}); diff --git a/core/src/components/item/test/counter/item.e2e.ts b/core/src/components/item/test/counter/item.e2e.ts index aab8748defa..7600d0fe2c5 100644 --- a/core/src/components/item/test/counter/item.e2e.ts +++ b/core/src/components/item/test/counter/item.e2e.ts @@ -3,10 +3,50 @@ import { test } from '@utils/test/playwright'; test.describe('item: counter', () => { test('should not have visual regressions', async ({ page }) => { - await page.goto(`/src/components/item/test/counter`); + await page.goto('/src/components/item/test/counter'); await page.setIonViewport(); expect(await page.screenshot()).toMatchSnapshot(`item-counter-diff-${page.getSnapshotSettings()}.png`); }); + + test.describe('custom formatter', () => { + test.beforeEach(async ({ page }) => { + await page.goto('/src/components/item/test/counter'); + }); + + test('should format on load', async ({ page }) => { + const itemCounter = page.locator('#customFormatter .item-counter'); + + expect(await itemCounter.textContent()).toBe('20 characters left'); + }); + + test('should format on input', async ({ page }) => { + const input = page.locator('#customFormatter ion-input'); + + await input.click(); + await input.type('abcde'); + + await page.waitForChanges(); + + const itemCounter = page.locator('#customFormatter .item-counter'); + + expect(await itemCounter.textContent()).toBe('15 characters left'); + }); + + test('should format after changing the counterFormatter', async ({ page }) => { + const itemCounter = page.locator('#customFormatter .item-counter'); + + expect(await itemCounter.textContent()).toBe('20 characters left'); + + await page.$eval('#customFormatter', (el: any) => { + el.counterFormatter = () => { + return 'test label'; + }; + }); + await page.waitForChanges(); + + expect(await itemCounter.textContent()).toBe('test label'); + }); + }); }); diff --git a/core/src/components/item/test/css-variables/e2e.ts b/core/src/components/item/test/css-variables/e2e.ts deleted file mode 100644 index c9bc818f7e6..00000000000 --- a/core/src/components/item/test/css-variables/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: CSS variables', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/css-variables?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/css-variables/item.e2e.ts b/core/src/components/item/test/css-variables/item.e2e.ts new file mode 100644 index 00000000000..a0380a4e992 --- /dev/null +++ b/core/src/components/item/test/css-variables/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: CSS variables', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/css-variables`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-css-vars-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..ab83fb3174c Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..fbda9200938 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..c52f56b8f33 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..238a022b54d Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..f108973b3a6 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9511ca3356e Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..64718d6e2da Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..3cb731492cf Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..4420c7c2928 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..384447a1508 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..c77684fad9b Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..f8b1514ee51 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/e2e.ts b/core/src/components/item/test/disabled/e2e.ts deleted file mode 100644 index 76b6f0e0751..00000000000 --- a/core/src/components/item/test/disabled/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: disabled', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/disabled?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: disabled-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/disabled?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/disabled/item.e2e.ts b/core/src/components/item/test/disabled/item.e2e.ts new file mode 100644 index 00000000000..c168fa229b7 --- /dev/null +++ b/core/src/components/item/test/disabled/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: disabled state', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/disabled`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-disabled-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..0c2a367ce49 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b2b2d974ebf Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..5a4f74d2f4c Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..a1910c5e4c3 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..5ecb11de699 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..2b6fc345372 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..746d875dbdc Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..4bdd1b127da Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..dd705a1d8d6 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..b7a142973be Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..c18166a8e54 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..a247cc78ef1 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/e2e.ts b/core/src/components/item/test/dividers/e2e.ts deleted file mode 100644 index 4544e383ff3..00000000000 --- a/core/src/components/item/test/dividers/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: dividers', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/dividers?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/dividers/item.e2e.ts b/core/src/components/item/test/dividers/item.e2e.ts new file mode 100644 index 00000000000..6cf1c7a7f2f --- /dev/null +++ b/core/src/components/item/test/dividers/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: dividers', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/dividers`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-dividers-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..55b21bb8957 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b4b0662e0be Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..1263d05f6d7 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..6bda06cdf8f Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..eeceec987cf Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..6bbdfc84d46 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..d54dc4b4be3 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..6c87067b775 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b2e9610cd4a Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..b24d35320d2 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..3f19979586b Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..811be25eda7 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/e2e.ts b/core/src/components/item/test/form/e2e.ts deleted file mode 100644 index 28d22274694..00000000000 --- a/core/src/components/item/test/form/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: form', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/form?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/form/item.e2e.ts b/core/src/components/item/test/form/item.e2e.ts new file mode 100644 index 00000000000..deabca9bffa --- /dev/null +++ b/core/src/components/item/test/form/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: form', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/form`); + + await page.setIonViewport({ resizeViewportWidth: true }); + + expect(await page.screenshot()).toMatchSnapshot(`item-form-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..c53a19ca325 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..0ed6bcc87a5 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..ae5e85c6c09 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..4f774d285b2 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..d877c87212d Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..1c5b9a1edfa Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..3ec55fa4542 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..51f52ecf16a Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..5797516b1f3 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..aeb3102e6af Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..1d180873113 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..2620e97eef9 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/e2e.ts b/core/src/components/item/test/groups/e2e.ts deleted file mode 100644 index 76c60ff7ec5..00000000000 --- a/core/src/components/item/test/groups/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: groups', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/groups?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/groups/item.e2e.ts b/core/src/components/item/test/groups/item.e2e.ts new file mode 100644 index 00000000000..d49d8ddee4f --- /dev/null +++ b/core/src/components/item/test/groups/item.e2e.ts @@ -0,0 +1,15 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: groups', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/groups`); + + // Since the list is dynamically created, we need to wait for it to be rendered + await page.waitForChanges(); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-groups-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..15d0c88fca6 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..79a81ad9f7c Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b1def87bb9f Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..4ed05b3ddc1 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..6d235980960 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..332ba6a2d32 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..62f707654c5 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..bd6ba8b7f4c Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..734331181d8 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..de548a0ca87 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..727fffd4050 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..d85d20968f8 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/e2e.ts b/core/src/components/item/test/icons/e2e.ts deleted file mode 100644 index e35324e1eaa..00000000000 --- a/core/src/components/item/test/icons/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: icons', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/icons?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: icons-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/icons?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/icons/item.e2e.ts b/core/src/components/item/test/icons/item.e2e.ts new file mode 100644 index 00000000000..94798b3d333 --- /dev/null +++ b/core/src/components/item/test/icons/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: icons', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/icons`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-icons-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..0920c9ed7eb Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..6916d463f39 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..1f028d7e184 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..118d1957adb Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..1893b9c6306 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..a31fd7abc63 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..359dbb8f251 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..a09fb0acf92 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..e31a8c22563 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..17cbc625939 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..f215026f972 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..48ef645c938 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/e2e.ts b/core/src/components/item/test/images/e2e.ts deleted file mode 100644 index 2737c181db0..00000000000 --- a/core/src/components/item/test/images/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: images', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/images?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/images/item.e2e.ts b/core/src/components/item/test/images/item.e2e.ts new file mode 100644 index 00000000000..c537bfee2b3 --- /dev/null +++ b/core/src/components/item/test/images/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: images', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/images`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-images-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..da6b708d12c Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..db838568353 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..952fc6e2560 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..ccee61b225e Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..6126bda9884 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..745e8c36b67 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..954ff03aa5f Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..3a5e1e84ebe Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b35d3fd8098 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..b9178c41eaa Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..820c5f443ff Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..548f9c6df6a Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/e2e.ts b/core/src/components/item/test/inputs/e2e.ts deleted file mode 100644 index ce8357ae4b0..00000000000 --- a/core/src/components/item/test/inputs/e2e.ts +++ /dev/null @@ -1,93 +0,0 @@ -import type { E2EPage } from '@stencil/core/testing'; -import { newE2EPage } from '@stencil/core/testing'; - -test('item: inputs', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/inputs?ionic:_testing=true', - }); - - // check form - await page.click('#submit'); - await checkFormResult( - page, - '{"date":"","select":"n64","toggle":"","input":"","input2":"","checkbox":"","range":"10"}' - ); - await page.waitForTimeout(100); - - // Default case, enabled and no value - let compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); - - // Disable everything - const disableToggle = await page.find('#btnDisabled'); - await disableToggle.waitForVisible(); - await disableToggle.click(); - await page.waitForTimeout(300); - - // check form - await page.click('#submit'); - await page.waitForTimeout(100); - await checkFormResult(page, '{}'); - await page.waitForTimeout(100); - - // screenshot - compare = await page.compareScreenshot('should disable all'); - expect(compare).toMatchScreenshot(); - - // Reenable and set some value - await disableToggle.click(); - await page.click('#btnSomeValue'); - await page.waitForTimeout(100); - - // check form - await page.click('#submit'); - await checkFormResult( - page, - '{"date":"2016-12-09","select":"nes","toggle":"on","input":"Some text","input2":"Some text","checkbox":"on","range":"20"}' - ); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should reenable and set value'); - expect(compare).toMatchScreenshot(); - - // Set "null" - await page.click('#btnNullValue'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should set null'); - expect(compare).toMatchScreenshot(); - - // Set "empty" - await page.click('#btnEmptyValue'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should set empty'); - expect(compare).toMatchScreenshot(); - - // Set "empty" - await page.click('#btnEmptyValue'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should set empty'); - expect(compare).toMatchScreenshot(); - - // Test multiple - await page.click('#checkbox-start'); - await page.click('#datetime-end'); - await page.waitForTimeout(300); - - compare = await page.compareScreenshot('should check checkbox and open datepicker'); - expect(compare).toMatchScreenshot(); - - await page.click('#button-end'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should change button color to red'); - expect(compare).toMatchScreenshot(); -}); - -const checkFormResult = async (page: E2EPage, content: string) => { - const div = await page.find('#form-result'); - - expect(div.textContent).toEqual(content); -}; diff --git a/core/src/components/item/test/inputs/index.html b/core/src/components/item/test/inputs/index.html index fc1206f0398..605fde74e6d 100644 --- a/core/src/components/item/test/inputs/index.html +++ b/core/src/components/item/test/inputs/index.html @@ -35,13 +35,7 @@ DateTime - + @@ -84,7 +78,7 @@ Submit -

+

Form not submitted

@@ -109,10 +103,6 @@ Multiple inputs/clickables - - Delayed input - - Multiple inputs @@ -137,7 +127,7 @@ Multiple inputs w/ cover - + @@ -190,15 +180,6 @@ clickableItem.color = color === undefined ? 'primary' : undefined; }); - const delayedInputItem = document.querySelector('#delayedInputItem'); - const delayedInput = document.createElement('ion-input'); - delayedInput.type = 'number'; - delayedInput.value = 34; - - setTimeout(() => { - delayedInputItem.appendChild(delayedInput); - }, 3000); - const inputs = document.querySelectorAll('ion-input, ion-textarea'); for (var i = 0; i < inputs.length; i++) { @@ -222,7 +203,7 @@ const { datetime, select, toggle, text, placeholder, checkbox, range } = getInputs(); text.value = placeholder.value = 'Some text'; toggle.checked = checkbox.checked = true; - datetime.value = '2016-12-09'; + datetime.value = '2022-04-01T10:00'; range.value = 20; select.value = 'nes'; } diff --git a/core/src/components/item/test/inputs/item.e2e.ts b/core/src/components/item/test/inputs/item.e2e.ts new file mode 100644 index 00000000000..d63d88c08d7 --- /dev/null +++ b/core/src/components/item/test/inputs/item.e2e.ts @@ -0,0 +1,118 @@ +import { expect } from '@playwright/test'; +import type { E2EPage } from '@utils/test/playwright'; +import { test } from '@utils/test/playwright'; + +test.describe('item: inputs', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/inputs`); + + const screenshots = []; + + const disableToggle = page.locator('#btnDisabled'); + const submitBtn = page.locator('#submit'); + + // Check form + await submitBtn.click(); + await checkFormResult( + page, + '{"date":"2022-04-01T10:00","select":"n64","toggle":"","input":"","input2":"","checkbox":"","range":"10"}' + ); + + /** + * We need to expand the viewport so that all the datetime components + * enter the visible viewport. This allows the I/O to fire and + * .datetime-ready to be added. + */ + await page.setIonViewport(); + // Wait for all datetime inputs to be ready + await page.waitForSelector('#datetime.datetime-ready'); + await page.waitForSelector('#datetime-end.datetime-ready'); + + // Default case, enabled and no value + screenshots.push({ + name: `item-inputs-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Disable everything + await disableToggle.click(); + await page.waitForChanges(); + + // check form + await submitBtn.click(); + await checkFormResult(page, '{}'); + + screenshots.push({ + name: `item-should-disable-all-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Reenable and set some value + await disableToggle.click(); + await page.click('#btnSomeValue'); + + // check form + await submitBtn.click(); + await checkFormResult( + page, + '{"date":"2022-04-01T10:00","select":"nes","toggle":"on","input":"Some text","input2":"Some text","checkbox":"on","range":"20"}' + ); + + screenshots.push({ + name: `item-should-reenable-and-set-value-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Set "null" + await page.click('#btnNullValue'); + + screenshots.push({ + name: `item-should-set-null-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Set "empty" + await page.click('#btnEmptyValue'); + + screenshots.push({ + name: `item-should-set-empty-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Test multiple + await page.click('#checkbox-start'); + await page.click('#datetime-end'); + + screenshots.push({ + name: `item-should-check-checkbox-and-open-datepicker-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + await page.click('#button-end'); + await page.waitForChanges(); + + screenshots.push({ + name: `item-should-change-button-color-to-red-${page.getSnapshotSettings()}.png`, + screenshot: await page.screenshot(), + }); + + for (const screenshot of screenshots) { + expect(screenshot.screenshot).toMatchSnapshot(screenshot.name); + } + }); +}); + +const checkFormResult = async (page: E2EPage, content: string) => { + const div = page.locator('#form-result'); + await expect(await div.textContent()).toEqual(content); +}; + +/** + * Resizes the viewport and captures a screenshot. + * Required for this test suite, since the DOM size is not + * the same at each test case. + */ +const captureScreenshot = async (page: E2EPage) => { + await page.setIonViewport(); + return page.screenshot(); +}; diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..833e787b769 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..be19f82293e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9ca9885d52c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..599067a36c8 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..fe82685a39e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..567f229169b Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..3b13e555252 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..759faf2801a Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..25339056b1f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..5d09d0513cd Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..9d892c8ac13 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9cda7b6d67a Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..a340a23684d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b752839a29c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..13a601074dc Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..d69c19a26cf Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..fe4b640431c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..205cdbadda9 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..c7456808d23 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..9804c78eabf Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..831e7923a92 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..52eb6a731df Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b0792f7f9e0 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9208bfb1ea1 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..3031884db09 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..be06a72ca03 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..7dad5e2d376 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..7f6d9c85099 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..2c259ef0e21 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..ef9108aa1c1 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..797544afc88 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..22d7b8d27ee Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..f332cd5d8fc Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..947ca2128fa Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..7710e197532 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b4d143aa06e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..0363c573eb2 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..d8fcbea451f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..e4419c59982 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..8a5242eb3d9 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..12b449bd25d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..a1551aedfec Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..793cdc82d97 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..d2997629380 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..fbaeff54c10 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..6d71d8f1b4e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..0426cdb6821 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..6a2aed119a0 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..2c1a2c5a80b Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..f12d29705fe Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..c37c637cb33 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..d684b14ac57 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e08b24157a4 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b50feb6480f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..583c6cfa09f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..1b7d59e5ff0 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..20b55bb18ea Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..9e66ee02a47 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e32bc6e6261 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..f934c132f3c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..82be92676da Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..512d6e391df Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..8bc741624fc Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..102fae30f1e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..28828cf076a Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..386d98a42dd Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..98fd1b1bfa7 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..06d89b71c74 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..0a40431bc4a Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..876f4750226 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..da9ab858323 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..0b8dc22fcc4 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..00a322e1815 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e04cbebad1d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..38c295db70a Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..e32e4d25db8 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..2d23c1edf00 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..1f4b9e1f27d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..03e18ec7955 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..28314806035 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..65edc73afaa Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..9065bb450ea Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..c546bdb74d0 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..2cd6b20989c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/e2e.ts b/core/src/components/item/test/lines/e2e.ts deleted file mode 100644 index d10d3209126..00000000000 --- a/core/src/components/item/test/lines/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: lines', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/lines?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/lines/item.e2e.ts b/core/src/components/item/test/lines/item.e2e.ts new file mode 100644 index 00000000000..13d89659f2b --- /dev/null +++ b/core/src/components/item/test/lines/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: lines', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/lines`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-lines-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..5f4a609a442 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e17c57816a6 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..c9142719163 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..71360e97132 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..4155134828e Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..456db4d1d68 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..9f50315891f Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b6ed3913e5c Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..fd7d6768217 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..26a9af7fb87 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..09f4faad227 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..820cdff8270 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/e2e.ts b/core/src/components/item/test/media/e2e.ts deleted file mode 100644 index 925fb14b4a4..00000000000 --- a/core/src/components/item/test/media/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: media', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/media?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/media/item.e2e.ts b/core/src/components/item/test/media/item.e2e.ts new file mode 100644 index 00000000000..01551f2917b --- /dev/null +++ b/core/src/components/item/test/media/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: media', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/media`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-media-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..02fc74f4678 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e0a348be041 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..8542758bcac Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..66701b3731a Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..41c90ef98e4 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..c51e4c06489 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..edf9604c5f0 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..107bbe5884b Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..10c9b8ff5f4 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..3621c120146 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..7dc5a228595 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..7c8e17a3f6f Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/e2e.ts b/core/src/components/item/test/reorder/e2e.ts deleted file mode 100644 index 7591105ac30..00000000000 --- a/core/src/components/item/test/reorder/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: reorder', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/reorder?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/reorder/item.e2e.ts b/core/src/components/item/test/reorder/item.e2e.ts new file mode 100644 index 00000000000..123240edf41 --- /dev/null +++ b/core/src/components/item/test/reorder/item.e2e.ts @@ -0,0 +1,14 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: reorder', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/reorder`); + + await page.setIonViewport(); + + await page.click('text=Edit'); + + expect(await page.screenshot()).toMatchSnapshot(`item-reorder-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..93eb3ee9e6e Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..ad4e881f36e Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..d2569c5b59a Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..c2486c5a5d3 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..ced28d52da4 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..1d744bdd769 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..36ca8d582e1 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..6dc16ebb440 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..c404fdbc40d Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..8d0a9f10430 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..f7a21d56c3f Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..6d51a8c0a3e Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/e2e.ts b/core/src/components/item/test/standalone/e2e.ts deleted file mode 100644 index c1a2f91f0b9..00000000000 --- a/core/src/components/item/test/standalone/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: standalone', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/standalone?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/standalone/index.html b/core/src/components/item/test/standalone/index.html index 2386c57279c..2a7e2f084b1 100644 --- a/core/src/components/item/test/standalone/index.html +++ b/core/src/components/item/test/standalone/index.html @@ -50,21 +50,21 @@

Heading

Item Avatar + > + + > + Item Thumbnail + > + + > + diff --git a/core/src/components/item/test/standalone/item.e2e.ts b/core/src/components/item/test/standalone/item.e2e.ts new file mode 100644 index 00000000000..4ea86ffefdf --- /dev/null +++ b/core/src/components/item/test/standalone/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: standalone', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/standalone`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-standalone-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..cecdcc4fa55 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..1420eeca85d Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..00bb22b9d06 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..09f5f43c339 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..321c83bbc1b Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..98c6015e72f Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..9e41007be2d Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..37d634d25fb Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..2d5c1f9439f Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..1491f1dfe4e Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..1e240d9153c Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..6f5637d5db3 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/e2e.ts b/core/src/components/item/test/states/e2e.ts deleted file mode 100644 index 32b93c2c1a2..00000000000 --- a/core/src/components/item/test/states/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: states', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/states?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/states/item.e2e.ts b/core/src/components/item/test/states/item.e2e.ts new file mode 100644 index 00000000000..68e1563fb4d --- /dev/null +++ b/core/src/components/item/test/states/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: states', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/states`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-states-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..c6f5bdb5640 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..346dd2aedc4 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..c9f4bd6ec1d Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..91702bbb33f Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..806196ada99 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..be914f7897b Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..19e1a3e1b38 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..9bbe48b79cc Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..27322e2c49e Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..dd33b379568 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..5bf2e78e05d Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..e9268d51edc Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/e2e.ts b/core/src/components/item/test/text/e2e.ts deleted file mode 100644 index 1cb4f92b7af..00000000000 --- a/core/src/components/item/test/text/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: text', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/text?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/text/item.e2e.ts b/core/src/components/item/test/text/item.e2e.ts new file mode 100644 index 00000000000..d6449cd8680 --- /dev/null +++ b/core/src/components/item/test/text/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: text', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/text`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-text-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..f2ef19f3f76 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e38f4d22188 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..cd95656c75e Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..33562bb050c Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..92621081e25 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..47dab5650d2 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..89dd7096bc2 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..9c2461fd995 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..e1079fba583 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..533ff43f197 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..3f837fd452b Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..ecbc8bde27b Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts b/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts index f655c5ede8a..ff6c0b291b0 100644 --- a/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts +++ b/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts @@ -1,5 +1,7 @@ import type { Page } from '@playwright/test'; +import type { SetIonViewportOptions } from '../../playwright-declarations'; + /** * Taking fullpage screenshots in Playwright * does not work with ion-content by default. @@ -11,7 +13,7 @@ import type { Page } from '@playwright/test'; * can be captured in a screenshot. * */ -export const setIonViewport = async (page: Page) => { +export const setIonViewport = async (page: Page, options?: SetIonViewportOptions) => { const currentViewport = page.viewportSize(); const ionContent = await page.$('ion-content'); @@ -19,17 +21,17 @@ export const setIonViewport = async (page: Page) => { await ionContent.waitForElementState('stable'); } - const pixelAmountRenderedOffscreen = await page.evaluate(async () => { + const [x, y] = await page.evaluate(async () => { const content = document.querySelector('ion-content'); if (content) { const innerScroll = content.shadowRoot!.querySelector('.inner-scroll')!; - return innerScroll.scrollHeight - content.clientHeight; + return [innerScroll.scrollWidth - content.clientWidth, innerScroll.scrollHeight - content.clientHeight]; } - return 0; + return [0, 0]; }); - const width = currentViewport?.width ?? 640; - const height = (currentViewport?.height ?? 480) + pixelAmountRenderedOffscreen; + const width = (currentViewport?.width ?? 640) + (options?.resizeViewportWidth ? x : 0); + const height = (currentViewport?.height ?? 480) + y; await page.setViewportSize({ width, diff --git a/core/src/utils/test/playwright/playwright-declarations.ts b/core/src/utils/test/playwright/playwright-declarations.ts index e4837242545..f033fb6fe2c 100644 --- a/core/src/utils/test/playwright/playwright-declarations.ts +++ b/core/src/utils/test/playwright/playwright-declarations.ts @@ -67,7 +67,7 @@ export interface E2EPage extends Page { * Increases the size of the page viewport to match the `ion-content` contents. * Use this method when taking full-screen screenshots. */ - setIonViewport: () => Promise; + setIonViewport: (options?: SetIonViewportOptions) => Promise; /** * This provides metadata that can be used to create a unique screenshot URL. * For example, we need to be able to differentiate between iOS in LTR mode and iOS in RTL mode. @@ -95,3 +95,11 @@ export interface E2EPage extends Page { _e2eEventsIds: number; _e2eEvents: Map; } + +export interface SetIonViewportOptions { + /** + * `true` if the viewport should be scaled to match the `ion-content` + * scrollable width. Defaults to `false`. + */ + resizeViewportWidth?: boolean; +} diff --git a/core/src/utils/test/playwright/playwright-page.ts b/core/src/utils/test/playwright/playwright-page.ts index 17f35146ac1..cc6bfecff5a 100644 --- a/core/src/utils/test/playwright/playwright-page.ts +++ b/core/src/utils/test/playwright/playwright-page.ts @@ -18,7 +18,7 @@ import { locator, } from './page/utils'; import type { LocatorOptions } from './page/utils'; -import type { E2EPage } from './playwright-declarations'; +import type { E2EPage, SetIonViewportOptions } from './playwright-declarations'; type CustomTestArgs = PlaywrightTestArgs & PlaywrightTestOptions & @@ -48,7 +48,7 @@ export async function extendPageFixture(page: E2EPage, testInfo: TestInfo) { // Custom Ionic methods page.getSnapshotSettings = () => getSnapshotSettings(page, testInfo); - page.setIonViewport = () => setIonViewport(page); + page.setIonViewport = (options?: SetIonViewportOptions) => setIonViewport(page, options); page.waitForChanges = (timeoutMs?: number) => waitForChanges(page, timeoutMs); page.spyOnEvent = (eventName: string) => spyOnEvent(page, eventName);