diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Chrome-linux.png deleted file mode 100644 index 6ee319a827..0000000000 Binary files a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Firefox-linux.png deleted file mode 100644 index 13e03c141a..0000000000 Binary files a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Safari-linux.png deleted file mode 100644 index 9d93dfef29..0000000000 Binary files a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-rtl-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Chrome-linux.png deleted file mode 100644 index d05caf67d9..0000000000 Binary files a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Firefox-linux.png deleted file mode 100644 index 21fdeeec4e..0000000000 Binary files a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Safari-linux.png deleted file mode 100644 index 01794b1de7..0000000000 Binary files a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-rtl-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts b/core/src/components/item/test/inputs/item.e2e.ts similarity index 63% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts rename to core/src/components/item/test/inputs/item.e2e.ts index 6a9afa2656..4e50d5303c 100644 --- a/core/src/components/item/test/inputs/item.e2e-legacy.ts +++ b/core/src/components/item/test/inputs/item.e2e.ts @@ -1,48 +1,67 @@ import type { Locator } from '@playwright/test'; import { expect } from '@playwright/test'; import type { EventSpy } from '@utils/test/playwright'; -import { test } from '@utils/test/playwright'; +import { configs, test } from '@utils/test/playwright'; -test.describe('item: inputs', () => { - let ionPopoverDidPresent: EventSpy; - let ionPopoverDidDismiss: EventSpy; - let formData: EventSpy; +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('item: inputs'), () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/inputs`, config); - let popover: Locator; + await page.setIonViewport(); + await expect(page).toHaveScreenshot(screenshot(`item-inputs`)); + }); + }); +}); - test.beforeEach(async ({ page }) => { - await page.goto(`/src/components/item/test/inputs`); +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('disabled state rendering'), () => { + let ionPopoverDidPresent: EventSpy; + let ionPopoverDidDismiss: EventSpy; - ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent'); - ionPopoverDidDismiss = await page.spyOnEvent('ionPopoverDidDismiss'); - formData = await page.spyOnEvent('formData'); + let popover: Locator; - popover = page.locator('ion-popover#optionsPopover'); - }); + test.beforeEach(async ({ page }) => { + await page.goto(`/src/components/item/test/inputs`, config); - test('should not have visual regressions', async ({ page }) => { - await page.setIonViewport(); - await expect(page).toHaveScreenshot(`item-inputs-${page.getSnapshotSettings()}.png`); - }); + ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent'); + ionPopoverDidDismiss = await page.spyOnEvent('ionPopoverDidDismiss'); - test('disabled controls should not have visual regressions', async ({ page }) => { - await page.click('#popover-trigger'); - await ionPopoverDidPresent.next(); + popover = page.locator('ion-popover#optionsPopover'); + }); + test('disabled controls should not have visual regressions', async ({ page }) => { + await page.click('#popover-trigger'); + await ionPopoverDidPresent.next(); - await page.click('#btnDisabled'); + await page.click('#btnDisabled'); - await page.waitForChanges(); + await page.waitForChanges(); - await popover.evaluateHandle((el: HTMLIonPopoverElement) => el.dismiss()); - await ionPopoverDidDismiss.next(); + await popover.evaluateHandle((el: HTMLIonPopoverElement) => el.dismiss()); + await ionPopoverDidDismiss.next(); - await page.setIonViewport(); - await expect(page).toHaveScreenshot(`item-inputs-disabled-${page.getSnapshotSettings()}.png`); + await page.setIonViewport(); + await expect(page).toHaveScreenshot(screenshot(`item-inputs-disabled`)); + }); }); +}); + +configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => { + test.describe(title('form data'), () => { + let ionPopoverDidPresent: EventSpy; + let ionPopoverDidDismiss: EventSpy; + let formData: EventSpy; + + let popover: Locator; + + test.beforeEach(async ({ page }) => { + await page.goto(`/src/components/item/test/inputs`, config); + + ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent'); + ionPopoverDidDismiss = await page.spyOnEvent('ionPopoverDidDismiss'); + formData = await page.spyOnEvent('formData'); - test.describe('form data', () => { - test.beforeEach(async ({ skip }) => { - skip.rtl(); + popover = page.locator('ion-popover#optionsPopover'); }); test('initial form data should be empty', async ({ page }) => { diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Safari-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-disabled-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/item/test/inputs/item.e2e-legacy.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 similarity index 100% rename from core/src/components/item/test/inputs/item.e2e-legacy.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png rename to core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png