diff --git a/core/src/components/checkbox/test/a11y/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/a11y/checkbox.e2e-legacy.ts deleted file mode 100644 index 2eb38c5949..0000000000 --- a/core/src/components/checkbox/test/a11y/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,17 +0,0 @@ -import AxeBuilder from '@axe-core/playwright'; -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('checkbox: a11y', () => { - test.beforeEach(async ({ skip }) => { - skip.rtl(); - skip.mode('md'); - }); - - test('should not have accessibility violations', async ({ page }) => { - await page.goto(`/src/components/checkbox/test/a11y`); - - const results = await new AxeBuilder({ page }).analyze(); - expect(results.violations).toEqual([]); - }); -}); diff --git a/core/src/components/checkbox/test/a11y/checkbox.e2e.ts b/core/src/components/checkbox/test/a11y/checkbox.e2e.ts new file mode 100644 index 0000000000..2873107382 --- /dev/null +++ b/core/src/components/checkbox/test/a11y/checkbox.e2e.ts @@ -0,0 +1,14 @@ +import AxeBuilder from '@axe-core/playwright'; +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => { + test.describe(title('checkbox: a11y'), () => { + test('should not have accessibility violations', async ({ page }) => { + await page.goto(`/src/components/checkbox/test/a11y`, config); + + const results = await new AxeBuilder({ page }).analyze(); + expect(results.violations).toEqual([]); + }); + }); +}); diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts deleted file mode 100644 index f030656d7c..0000000000 --- a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,100 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('checkbox: basic visual tests', () => { - test('should render unchecked checkbox correctly', async ({ page }) => { - await page.setContent(` - Unchecked - `); - - const checkbox = page.locator('ion-checkbox'); - await expect(checkbox).toHaveScreenshot(`checkbox-unchecked-${page.getSnapshotSettings()}.png`); - }); - - test('should render checked checkbox correctly', async ({ page }) => { - await page.setContent(` - Checked - `); - - const checkbox = page.locator('ion-checkbox'); - await expect(checkbox).toHaveScreenshot(`checkbox-checked-${page.getSnapshotSettings()}.png`); - }); - - test('should render disabled checkbox correctly', async ({ page }) => { - await page.setContent(` - Disabled - `); - - const checkbox = page.locator('ion-checkbox'); - await expect(checkbox).toHaveScreenshot(`checkbox-disabled-${page.getSnapshotSettings()}.png`); - }); - - test('should render custom checkmark-width correctly', async ({ page }) => { - await page.setContent(` - Checkmark Width - `); - - const checkbox = page.locator('ion-checkbox'); - await expect(checkbox).toHaveScreenshot(`checkbox-checkmark-width-${page.getSnapshotSettings()}.png`); - }); - - test('should render custom size correctly', async ({ page }) => { - await page.setContent(` - Size - `); - - const checkbox = page.locator('ion-checkbox'); - await expect(checkbox).toHaveScreenshot(`checkbox-size-${page.getSnapshotSettings()}.png`); - }); -}); - -test.describe('checkbox: ionChange', () => { - test.beforeEach(({ skip }) => { - skip.rtl(); - skip.mode('ios'); - }); - - test('should fire ionChange when interacting with checkbox', async ({ page }) => { - await page.setContent(` - - `); - - const ionChange = await page.spyOnEvent('ionChange'); - const checkbox = page.locator('ion-checkbox'); - - await checkbox.click(); - expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); - - await checkbox.click(); - expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); - }); - - test('should fire ionChange when interacting with checkbox in item', async ({ page }) => { - await page.setContent(` - - - - `); - - const ionChange = await page.spyOnEvent('ionChange'); - const item = page.locator('ion-item'); - - await item.click(); - expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); - - await item.click(); - expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); - }); - - test('should not fire when programmatically setting a value', async ({ page }) => { - await page.setContent(` - - `); - - const ionChange = await page.spyOnEvent('ionChange'); - const checkbox = page.locator('ion-checkbox'); - - await checkbox.evaluate((el: HTMLIonCheckboxElement) => (el.checked = true)); - expect(ionChange).not.toHaveReceivedEvent(); - }); -}); diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts b/core/src/components/checkbox/test/basic/checkbox.e2e.ts new file mode 100644 index 0000000000..e67f48ccda --- /dev/null +++ b/core/src/components/checkbox/test/basic/checkbox.e2e.ts @@ -0,0 +1,123 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: basic visual tests'), () => { + test('should render unchecked checkbox correctly', async ({ page }) => { + await page.setContent( + ` + Unchecked + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-unchecked`)); + }); + + test('should render checked checkbox correctly', async ({ page }) => { + await page.setContent( + ` + Checked + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-checked`)); + }); + + test('should render disabled checkbox correctly', async ({ page }) => { + await page.setContent( + ` + Disabled + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-disabled`)); + }); + + test('should render custom checkmark-width correctly', async ({ page }) => { + await page.setContent( + ` + Checkmark Width + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-checkmark-width`)); + }); + + test('should render custom size correctly', async ({ page }) => { + await page.setContent( + ` + Size + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-size`)); + }); + }); +}); + +configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => { + test.describe(title('checkbox: ionChange'), () => { + test('should fire ionChange when interacting with checkbox', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const ionChange = await page.spyOnEvent('ionChange'); + const checkbox = page.locator('ion-checkbox'); + + await checkbox.click(); + expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); + + await checkbox.click(); + expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); + }); + + test('should fire ionChange when interacting with checkbox in item', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const ionChange = await page.spyOnEvent('ionChange'); + const item = page.locator('ion-item'); + + await item.click(); + expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); + + await item.click(); + expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); + }); + + test('should not fire when programmatically setting a value', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const ionChange = await page.spyOnEvent('ionChange'); + const checkbox = page.locator('ion-checkbox'); + + await checkbox.evaluate((el: HTMLIonCheckboxElement) => (el.checked = true)); + expect(ionChange).not.toHaveReceivedEvent(); + }); + }); +}); diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checked-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checked-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-checkmark-width-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-disabled-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-size-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-size-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-unchecked-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts deleted file mode 100644 index 1159f15953..0000000000 --- a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('checkbox: color', () => { - test.beforeEach(({ skip }) => { - skip.rtl(); - }); - - test('should apply color when checked', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot(`checkbox-color-checked-${page.getSnapshotSettings()}.png`); - }); - - test('should not apply color when unchecked', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot(`checkbox-color-unchecked-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/checkbox/test/color/checkbox.e2e.ts b/core/src/components/checkbox/test/color/checkbox.e2e.ts new file mode 100644 index 0000000000..6c24398296 --- /dev/null +++ b/core/src/components/checkbox/test/color/checkbox.e2e.ts @@ -0,0 +1,30 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: color'), () => { + test('should apply color when checked', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-color-checked`)); + }); + + test('should not apply color when unchecked', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-color-unchecked`)); + }); + }); +}); diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-checked-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/color/checkbox.e2e-legacy.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/color/checkbox.e2e.ts-snapshots/checkbox-color-unchecked-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts deleted file mode 100644 index 9d7fb1d820..0000000000 --- a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('checkbox: indeterminate', () => { - test('should not have visual regressions', async ({ page, skip }) => { - skip.rtl(); - - await page.goto(`/src/components/checkbox/test/indeterminate`); - - const checkbox = page.locator('ion-checkbox:first-child'); - await expect(checkbox).toHaveScreenshot(`checkbox-indeterminate-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts new file mode 100644 index 0000000000..cb4e82c0a4 --- /dev/null +++ b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts @@ -0,0 +1,13 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: indeterminate'), () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/checkbox/test/indeterminate`, config); + + const checkbox = page.locator('ion-checkbox:first-child'); + await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-indeterminate`)); + }); + }); +}); diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/indeterminate/checkbox.e2e.ts-snapshots/checkbox-indeterminate-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts deleted file mode 100644 index 488cf2505a..0000000000 --- a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,37 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('checkbox: item', () => { - test('should render correctly in list', async ({ page }) => { - await page.setContent(` - - - Enable Notifications - - - `); - const list = page.locator('ion-list'); - expect(await list.screenshot()).toMatchSnapshot(`checkbox-list-${page.getSnapshotSettings()}.png`); - }); - test('should render correctly in inset list', async ({ page }) => { - await page.setContent(` - - - Enable Notifications - - - `); - const list = page.locator('ion-list'); - expect(await list.screenshot()).toMatchSnapshot(`checkbox-inset-list-${page.getSnapshotSettings()}.png`); - }); - test('label should have correct contrast when used in an item', async ({ page, skip }) => { - skip.rtl(); - await page.setContent(` - - Enable Notifications - - `); - const item = page.locator('ion-item'); - expect(await item.screenshot()).toMatchSnapshot(`checkbox-item-color-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/checkbox/test/item/checkbox.e2e.ts b/core/src/components/checkbox/test/item/checkbox.e2e.ts new file mode 100644 index 0000000000..676d8ebf75 --- /dev/null +++ b/core/src/components/checkbox/test/item/checkbox.e2e.ts @@ -0,0 +1,52 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: item with list'), () => { + test('should render correctly in list', async ({ page }) => { + await page.setContent( + ` + + + Enable Notifications + + + `, + config + ); + const list = page.locator('ion-list'); + expect(await list.screenshot()).toMatchSnapshot(screenshot(`checkbox-list`)); + }); + test('should render correctly in inset list', async ({ page }) => { + await page.setContent( + ` + + + Enable Notifications + + + `, + config + ); + const list = page.locator('ion-list'); + expect(await list.screenshot()).toMatchSnapshot(screenshot(`checkbox-inset-list`)); + }); + }); +}); + +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: label in item'), () => { + test('label should have correct contrast when used in an item', async ({ page }) => { + await page.setContent( + ` + + Enable Notifications + + `, + config + ); + const item = page.locator('ion-item'); + expect(await item.screenshot()).toMatchSnapshot(screenshot(`checkbox-item-color`)); + }); + }); +}); diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-inset-list-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-item-color-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/item/checkbox.e2e-legacy.ts-snapshots/checkbox-list-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-list-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts deleted file mode 100644 index 81579bd1f8..0000000000 --- a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,128 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -/** - * By default ion-checkbox only takes up - * as much space as it needs. Justification is - * used for when the checkbox takes up the full - * line (such as in an ion-item). As a result, - * we set the width of the checkbox so we can - * see the justification results. - */ -test.describe('checkbox: label', () => { - test.describe('checkbox: start placement', () => { - test('should render a start justification with label in the start position', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-start-justify-start-${page.getSnapshotSettings()}.png` - ); - }); - - test('should render an end justification with label in the start position', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-start-justify-end-${page.getSnapshotSettings()}.png` - ); - }); - - test('should render a space between justification with label in the start position', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-start-justify-space-between-${page.getSnapshotSettings()}.png` - ); - }); - - test('should truncate long labels with ellipses', async ({ page }) => { - await page.setContent(` - - Long Label Long Label Long Label Long Label Long Label Long Label - - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot(`checkbox-long-label-${page.getSnapshotSettings()}.png`); - }); - }); - - test.describe('checkbox: end placement', () => { - test('should render a start justification with label in the end position', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-end-justify-start-${page.getSnapshotSettings()}.png` - ); - }); - - test('should render an end justification with label in the end position', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-end-justify-end-${page.getSnapshotSettings()}.png` - ); - }); - - test('should render a space between justification with label in the end position', async ({ page }) => { - await page.setContent(` - Label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-end-justify-space-between-${page.getSnapshotSettings()}.png` - ); - }); - }); - - test.describe('checkbox: fixed placement', () => { - test('should render a start justification with label in the fixed position', async ({ page }) => { - await page.setContent(` - This is a long label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-fixed-justify-start-${page.getSnapshotSettings()}.png` - ); - }); - - test('should render an end justification with label in the fixed position', async ({ page }) => { - await page.setContent(` - This is a long label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-fixed-justify-end-${page.getSnapshotSettings()}.png` - ); - }); - - test('should render a space between justification with label in the fixed position', async ({ page }) => { - await page.setContent(` - This is a long label - `); - - const checkbox = page.locator('ion-checkbox'); - expect(await checkbox.screenshot()).toMatchSnapshot( - `checkbox-label-fixed-justify-space-between-${page.getSnapshotSettings()}.png` - ); - }); - }); -}); diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts b/core/src/components/checkbox/test/label/checkbox.e2e.ts new file mode 100644 index 0000000000..38cef8b5bf --- /dev/null +++ b/core/src/components/checkbox/test/label/checkbox.e2e.ts @@ -0,0 +1,142 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +/** + * By default ion-checkbox only takes up + * as much space as it needs. Justification is + * used for when the checkbox takes up the full + * line (such as in an ion-item). As a result, + * we set the width of the checkbox so we can + * see the justification results. + */ +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: label'), () => { + test.describe('checkbox: start placement', () => { + test('should render a start justification with label in the start position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-start-justify-start`)); + }); + + test('should render an end justification with label in the start position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-start-justify-end`)); + }); + + test('should render a space between justification with label in the start position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-start-justify-space-between`)); + }); + + test('should truncate long labels with ellipses', async ({ page }) => { + await page.setContent( + ` + + Long Label Long Label Long Label Long Label Long Label Long Label + + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-long-label`)); + }); + }); + + test.describe('checkbox: end placement', () => { + test('should render a start justification with label in the end position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-end-justify-start`)); + }); + + test('should render an end justification with label in the end position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-end-justify-end`)); + }); + + test('should render a space between justification with label in the end position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-end-justify-space-between`)); + }); + }); + + test.describe('checkbox: fixed placement', () => { + test('should render a start justification with label in the fixed position', async ({ page }) => { + await page.setContent( + ` + This is a long label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-fixed-justify-start`)); + }); + + test('should render an end justification with label in the fixed position', async ({ page }) => { + await page.setContent( + ` + This is a long label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-fixed-justify-end`)); + }); + + test('should render a space between justification with label in the fixed position', async ({ page }) => { + await page.setContent( + ` + This is a long label + `, + config + ); + + const checkbox = page.locator('ion-checkbox'); + expect(await checkbox.screenshot()).toMatchSnapshot(screenshot(`checkbox-label-fixed-justify-space-between`)); + }); + }); + }); +}); diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/label/checkbox.e2e-legacy.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts deleted file mode 100644 index a8dd09fb3f..0000000000 --- a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,61 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('checkbox: basic (legacy)', () => { - test('should not have visual regressions', async ({ page }) => { - await page.goto(`/src/components/checkbox/test/legacy/basic`); - - await page.setIonViewport(); - - expect(await page.screenshot()).toMatchSnapshot(`checkbox-legacy-basic-${page.getSnapshotSettings()}.png`); - }); -}); - -test.describe('checkbox: ionChange', () => { - test.beforeEach(({ skip }) => { - skip.rtl(); - }); - test('should fire ionChange when interacting with checkbox', async ({ page }) => { - await page.setContent(` - - `); - - const ionChange = await page.spyOnEvent('ionChange'); - const checkbox = page.locator('ion-checkbox'); - - await checkbox.click(); - await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); - - await checkbox.click(); - await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); - }); - - test('should fire ionChange when interacting with checkbox in item', async ({ page }) => { - await page.setContent(` - - - - `); - - const ionChange = await page.spyOnEvent('ionChange'); - const item = page.locator('ion-item'); - - await item.click(); - await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); - - await item.click(); - await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); - }); - - test('should not fire when programmatically setting a value', async ({ page }) => { - await page.setContent(` - - `); - - const ionChange = await page.spyOnEvent('ionChange'); - const checkbox = page.locator('ion-checkbox'); - - await checkbox.evaluate((el: HTMLIonCheckboxElement) => (el.checked = true)); - await expect(ionChange).not.toHaveReceivedEvent(); - }); -}); diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts new file mode 100644 index 0000000000..4f979f423e --- /dev/null +++ b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts @@ -0,0 +1,71 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: basic (legacy)'), () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/checkbox/test/legacy/basic`, config); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(screenshot(`checkbox-legacy-basic`)); + }); + }); +}); + +configs({ directions: ['ltr'] }).forEach(({ title, config }) => { + test.describe(title('checkbox: ionChange'), () => { + test('should fire ionChange when interacting with checkbox', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const ionChange = await page.spyOnEvent('ionChange'); + const checkbox = page.locator('ion-checkbox'); + + await checkbox.click(); + await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); + + await checkbox.click(); + await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); + }); + + test('should fire ionChange when interacting with checkbox in item', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const ionChange = await page.spyOnEvent('ionChange'); + const item = page.locator('ion-item'); + + await item.click(); + await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: true }); + + await item.click(); + await expect(ionChange).toHaveReceivedEventDetail({ value: 'my-checkbox', checked: false }); + }); + + test('should not fire when programmatically setting a value', async ({ page }) => { + await page.setContent( + ` + + `, + config + ); + + const ionChange = await page.spyOnEvent('ionChange'); + const checkbox = page.locator('ion-checkbox'); + + await checkbox.evaluate((el: HTMLIonCheckboxElement) => (el.checked = true)); + await expect(ionChange).not.toHaveReceivedEvent(); + }); + }); +}); diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-basic-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/basic/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/basic/checkbox.e2e.ts-snapshots/checkbox-legacy-basic-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts deleted file mode 100644 index a64afbe740..0000000000 --- a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('checkbox: indeterminate (legacy)', () => { - test('should not have visual regressions', async ({ page }) => { - await page.goto(`/src/components/checkbox/test/legacy/indeterminate`); - - const content = page.locator('#checkboxes'); - expect(await content.screenshot()).toMatchSnapshot( - `checkbox-legacy-indeterminate-${page.getSnapshotSettings()}.png` - ); - }); -}); diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts new file mode 100644 index 0000000000..f4b7303f96 --- /dev/null +++ b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts @@ -0,0 +1,13 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('checkbox: indeterminate (legacy)'), () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/checkbox/test/legacy/indeterminate`, config); + + const content = page.locator('#checkboxes'); + expect(await content.screenshot()).toMatchSnapshot(screenshot(`checkbox-legacy-indeterminate`)); + }); + }); +}); diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e-legacy.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Safari-linux.png rename to core/src/components/checkbox/test/legacy/indeterminate/checkbox.e2e.ts-snapshots/checkbox-legacy-indeterminate-md-rtl-Mobile-Safari-linux.png