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 46d2436044..0000000000 --- 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 0000000000..ff85a14d75 --- /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 41b7228e72..0000000000 --- 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 e10b19c438..5429c9007f 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 0000000000..384faf1d4c --- /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 0000000000..3c6581d246 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 0000000000..2ab74352e3 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 0000000000..41f2b7b038 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 0000000000..0389b9e2fd 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 0000000000..597c78fa24 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 0000000000..b6decfc8bc 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 0000000000..160af2e44a 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 0000000000..2d686af29d 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 0000000000..6e970c68a3 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 0000000000..7f1b5325b8 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 0000000000..194769e2a3 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 0000000000..dc9410c72f 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 a11ce3c888..0000000000 --- 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 0000000000..06dac9a233 --- /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 0000000000..f9d4678ff6 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 0000000000..1e446b1487 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 0000000000..3e38884ed8 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 0000000000..c9cf54e4cf 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 0000000000..0430982a77 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 0000000000..5d1e9b3438 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 0000000000..27e197ade4 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 0000000000..de94724c51 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 0000000000..16c07edeb8 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 0000000000..f785ba87d2 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 0000000000..2579adc51e 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 0000000000..71207b2868 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 43ad399d10..0000000000 --- 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 0000000000..c04da22edf --- /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 0000000000..7b2f0cd15c 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 0000000000..22c2e1f27f 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 0000000000..cc60a56faa 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 0000000000..359d9d3064 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 0000000000..e36895f05d 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 0000000000..51840180b9 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 0000000000..88dce99537 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 0000000000..f94dd47d0f 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 0000000000..5ffb17b206 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 0000000000..acbc339667 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 0000000000..c4d39643a3 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 0000000000..6350fd6611 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 f3dba72df2..0000000000 --- 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 0000000000..f345190a34 --- /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 0000000000..630b2e75b6 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 0000000000..da55028364 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 0000000000..8d24960120 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 0000000000..a1127e50eb 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 0000000000..3346d252a6 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 0000000000..148cc8c829 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 0000000000..293066bb81 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 0000000000..73704399da 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 0000000000..a1d8e0b84c 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 0000000000..eb9a83df40 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 0000000000..c5cfc78d78 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 0000000000..c84e01eb60 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 b2f9851a09..0000000000 --- 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 aab8748def..7600d0fe2c 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 c9bc818f7e..0000000000 --- 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 0000000000..a0380a4e99 --- /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 0000000000..ab83fb3174 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 0000000000..fbda920093 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 0000000000..c52f56b8f3 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 0000000000..238a022b54 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 0000000000..f108973b3a 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 0000000000..9511ca3356 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 0000000000..64718d6e2d 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 0000000000..3cb731492c 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 0000000000..4420c7c292 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 0000000000..384447a150 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 0000000000..c77684fad9 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 0000000000..f8b1514ee5 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 76b6f0e075..0000000000 --- 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 0000000000..c168fa229b --- /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 0000000000..0c2a367ce4 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 0000000000..b2b2d974eb 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 0000000000..5a4f74d2f4 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 0000000000..a1910c5e4c 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 0000000000..5ecb11de69 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 0000000000..2b6fc34537 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 0000000000..746d875dbd 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 0000000000..4bdd1b127d 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 0000000000..dd705a1d8d 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 0000000000..b7a142973b 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 0000000000..c18166a8e5 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 0000000000..a247cc78ef 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 4544e383ff..0000000000 --- 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 0000000000..6cf1c7a7f2 --- /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 0000000000..55b21bb895 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 0000000000..b4b0662e0b 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 0000000000..1263d05f6d 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 0000000000..6bda06cdf8 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 0000000000..eeceec987c 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 0000000000..6bbdfc84d4 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 0000000000..d54dc4b4be 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 0000000000..6c87067b77 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 0000000000..b2e9610cd4 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 0000000000..b24d35320d 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 0000000000..3f19979586 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 0000000000..811be25eda 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 28d2227469..0000000000 --- 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 0000000000..deabca9bff --- /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 0000000000..c53a19ca32 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 0000000000..0ed6bcc87a 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 0000000000..ae5e85c6c0 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 0000000000..4f774d285b 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 0000000000..d877c87212 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 0000000000..1c5b9a1edf 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 0000000000..3ec55fa454 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 0000000000..51f52ecf16 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 0000000000..5797516b1f 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 0000000000..aeb3102e6a 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 0000000000..1d18087311 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 0000000000..2620e97eef 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 76c60ff7ec..0000000000 --- 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 0000000000..d49d8ddee4 --- /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 0000000000..15d0c88fca 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 0000000000..79a81ad9f7 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 0000000000..b1def87bb9 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 0000000000..4ed05b3ddc 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 0000000000..6d23598096 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 0000000000..332ba6a2d3 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 0000000000..62f707654c 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 0000000000..bd6ba8b7f4 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 0000000000..734331181d 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 0000000000..de548a0ca8 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 0000000000..727fffd405 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 0000000000..d85d20968f 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 e35324e1ea..0000000000 --- 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 0000000000..94798b3d33 --- /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 0000000000..0920c9ed7e 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 0000000000..6916d463f3 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 0000000000..1f028d7e18 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 0000000000..118d1957ad 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 0000000000..1893b9c630 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 0000000000..a31fd7abc6 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 0000000000..359dbb8f25 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 0000000000..a09fb0acf9 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 0000000000..e31a8c2256 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 0000000000..17cbc62593 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 0000000000..f215026f97 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 0000000000..48ef645c93 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 2737c181db..0000000000 --- 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 0000000000..c537bfee2b --- /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 0000000000..da6b708d12 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 0000000000..db83856835 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 0000000000..952fc6e256 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 0000000000..ccee61b225 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 0000000000..6126bda988 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 0000000000..745e8c36b6 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 0000000000..954ff03aa5 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 0000000000..3a5e1e84eb 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 0000000000..b35d3fd809 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 0000000000..b9178c41ea 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 0000000000..820c5f443f 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 0000000000..548f9c6df6 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 ce8357ae4b..0000000000 --- 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 fc1206f039..605fde74e6 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 0000000000..d63d88c08d --- /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 0000000000..833e787b76 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 0000000000..be19f82293 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 0000000000..9ca9885d52 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 0000000000..599067a36c 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 0000000000..fe82685a39 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 0000000000..567f229169 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 0000000000..3b13e55525 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 0000000000..759faf2801 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 0000000000..25339056b1 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 0000000000..5d09d0513c 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 0000000000..9d892c8ac1 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 0000000000..9cda7b6d67 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 0000000000..a340a23684 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 0000000000..b752839a29 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 0000000000..13a601074d 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 0000000000..d69c19a26c 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 0000000000..fe4b640431 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 0000000000..205cdbadda 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 0000000000..c7456808d2 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 0000000000..9804c78eab 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 0000000000..831e7923a9 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 0000000000..52eb6a731d 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 0000000000..b0792f7f9e 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 0000000000..9208bfb1ea 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 0000000000..3031884db0 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 0000000000..be06a72ca0 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 0000000000..7dad5e2d37 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 0000000000..7f6d9c8509 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 0000000000..2c259ef0e2 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 0000000000..ef9108aa1c 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 0000000000..797544afc8 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 0000000000..22d7b8d27e 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 0000000000..f332cd5d8f 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 0000000000..947ca2128f 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 0000000000..7710e19753 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 0000000000..b4d143aa06 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 0000000000..0363c573eb 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 0000000000..d8fcbea451 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 0000000000..e4419c5998 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 0000000000..8a5242eb3d 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 0000000000..12b449bd25 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 0000000000..a1551aedfe 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 0000000000..793cdc82d9 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 0000000000..d299762938 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 0000000000..fbaeff54c1 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 0000000000..6d71d8f1b4 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 0000000000..0426cdb682 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 0000000000..6a2aed119a 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 0000000000..2c1a2c5a80 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 0000000000..f12d29705f 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 0000000000..c37c637cb3 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 0000000000..d684b14ac5 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 0000000000..e08b24157a 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 0000000000..b50feb6480 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 0000000000..583c6cfa09 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 0000000000..1b7d59e5ff 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 0000000000..20b55bb18e 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 0000000000..9e66ee02a4 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 0000000000..e32bc6e626 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 0000000000..f934c132f3 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 0000000000..82be92676d 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 0000000000..512d6e391d 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 0000000000..8bc741624f 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 0000000000..102fae30f1 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 0000000000..28828cf076 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 0000000000..386d98a42d 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 0000000000..98fd1b1bfa 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 0000000000..06d89b71c7 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 0000000000..0a40431bc4 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 0000000000..876f475022 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 0000000000..da9ab85832 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 0000000000..0b8dc22fcc 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 0000000000..00a322e181 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 0000000000..e04cbebad1 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 0000000000..38c295db70 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 0000000000..e32e4d25db 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 0000000000..2d23c1edf0 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 0000000000..1f4b9e1f27 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 0000000000..03e18ec795 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 0000000000..2831480603 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 0000000000..65edc73afa 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 0000000000..9065bb450e 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 0000000000..c546bdb74d 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 0000000000..2cd6b20989 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 d10d320912..0000000000 --- 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 0000000000..13d89659f2 --- /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 0000000000..5f4a609a44 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 0000000000..e17c57816a 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 0000000000..c914271916 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 0000000000..71360e9713 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 0000000000..4155134828 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 0000000000..456db4d1d6 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 0000000000..9f50315891 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 0000000000..b6ed3913e5 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 0000000000..fd7d676821 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 0000000000..26a9af7fb8 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 0000000000..09f4faad22 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 0000000000..820cdff827 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 925fb14b4a..0000000000 --- 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 0000000000..01551f2917 --- /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 0000000000..02fc74f467 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 0000000000..e0a348be04 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 0000000000..8542758bca 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 0000000000..66701b3731 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 0000000000..41c90ef98e 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 0000000000..c51e4c0648 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 0000000000..edf9604c5f 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 0000000000..107bbe5884 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 0000000000..10c9b8ff5f 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 0000000000..3621c12014 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 0000000000..7dc5a22859 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 0000000000..7c8e17a3f6 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 7591105ac3..0000000000 --- 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 0000000000..123240edf4 --- /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 0000000000..93eb3ee9e6 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 0000000000..ad4e881f36 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 0000000000..d2569c5b59 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 0000000000..c2486c5a5d 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 0000000000..ced28d52da 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 0000000000..1d744bdd76 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 0000000000..36ca8d582e 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 0000000000..6dc16ebb44 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 0000000000..c404fdbc40 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 0000000000..8d0a9f1043 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 0000000000..f7a21d56c3 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 0000000000..6d51a8c0a3 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 c1a2f91f0b..0000000000 --- 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 2386c57279..2a7e2f084b 100644 --- a/core/src/components/item/test/standalone/index.html +++ b/core/src/components/item/test/standalone/index.html @@ -50,21 +50,21 @@ 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 0000000000..4ea86ffefd --- /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 0000000000..cecdcc4fa5 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 0000000000..1420eeca85 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 0000000000..00bb22b9d0 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 0000000000..09f5f43c33 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 0000000000..321c83bbc1 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 0000000000..98c6015e72 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 0000000000..9e41007be2 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 0000000000..37d634d25f 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 0000000000..2d5c1f9439 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 0000000000..1491f1dfe4 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 0000000000..1e240d9153 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 0000000000..6f5637d5db 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 32b93c2c1a..0000000000 --- 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 0000000000..68e1563fb4 --- /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 0000000000..c6f5bdb564 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 0000000000..346dd2aedc 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 0000000000..c9f4bd6ec1 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 0000000000..91702bbb33 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 0000000000..806196ada9 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 0000000000..be914f7897 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 0000000000..19e1a3e1b3 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 0000000000..9bbe48b79c 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 0000000000..27322e2c49 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 0000000000..dd33b37956 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 0000000000..5bf2e78e05 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 0000000000..e9268d51ed 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 1cb4f92b7a..0000000000 --- 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 0000000000..d6449cd868 --- /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 0000000000..f2ef19f3f7 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 0000000000..e38f4d2218 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 0000000000..cd95656c75 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 0000000000..33562bb050 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 0000000000..92621081e2 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 0000000000..47dab5650d 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 0000000000..89dd7096bc 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 0000000000..9c2461fd99 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 0000000000..e1079fba58 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 0000000000..533ff43f19 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 0000000000..3f837fd452 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 0000000000..ecbc8bde27 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 f655c5ede8..ff6c0b291b 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 e483724254..f033fb6fe2 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 17f35146ac..cc6bfecff5 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);