diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e-legacy.ts b/core/src/components/select-popover/test/basic/select-popover.e2e-legacy.ts
deleted file mode 100644
index 6f24b16bb7..0000000000
--- a/core/src/components/select-popover/test/basic/select-popover.e2e-legacy.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-import type { SelectPopoverOption } from '../../select-popover-interface';
-import { SelectPopoverPage } from '../fixtures';
-
-const options: SelectPopoverOption[] = [
-  { value: 'apple', text: 'Apple', disabled: false, checked: false },
-  { value: 'banana', text: 'Banana', disabled: false, checked: false },
-];
-
-const checkedOptions: SelectPopoverOption[] = [
-  { value: 'apple', text: 'Apple', disabled: false, checked: true },
-  { value: 'banana', text: 'Banana', disabled: false, checked: false },
-];
-
-test.describe('select-popover: basic', () => {
-  test.beforeEach(({ skip, browserName }) => {
-    skip.rtl();
-    skip.mode('ios', 'Consistent behavior across modes');
-    test.skip(browserName === 'webkit', 'https://ionic-cloud.atlassian.net/browse/FW-2979');
-  });
-
-  test.describe('single selection', () => {
-    let selectPopoverPage: SelectPopoverPage;
-
-    test.beforeEach(async ({ page }) => {
-      selectPopoverPage = new SelectPopoverPage(page);
-    });
-
-    test('clicking an unselected option should dismiss the popover', async () => {
-      await selectPopoverPage.setup(options, false);
-
-      await selectPopoverPage.clickOption('apple');
-      await selectPopoverPage.ionPopoverDidDismiss.next();
-      await expect(selectPopoverPage.popover).not.toBeVisible();
-    });
-
-    test('clicking a selected option should dismiss the popover', async () => {
-      await selectPopoverPage.setup(checkedOptions, false);
-
-      await selectPopoverPage.clickOption('apple');
-      await selectPopoverPage.ionPopoverDidDismiss.next();
-      await expect(selectPopoverPage.popover).not.toBeVisible();
-    });
-
-    test('pressing Space on an unselected option should dismiss the popover', async () => {
-      await selectPopoverPage.setup(options, false);
-
-      await selectPopoverPage.pressSpaceOnOption('apple');
-      await selectPopoverPage.ionPopoverDidDismiss.next();
-      await expect(selectPopoverPage.popover).not.toBeVisible();
-    });
-
-    test('pressing Space on a selected option should dismiss the popover', async ({ browserName }) => {
-      test.skip(browserName === 'firefox', 'Same behavior as https://ionic-cloud.atlassian.net/browse/FW-2979');
-
-      await selectPopoverPage.setup(checkedOptions, false);
-
-      await selectPopoverPage.pressSpaceOnOption('apple');
-      await selectPopoverPage.ionPopoverDidDismiss.next();
-      await expect(selectPopoverPage.popover).not.toBeVisible();
-    });
-  });
-});
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts b/core/src/components/select-popover/test/basic/select-popover.e2e.ts
new file mode 100644
index 0000000000..7a1e7c42c8
--- /dev/null
+++ b/core/src/components/select-popover/test/basic/select-popover.e2e.ts
@@ -0,0 +1,92 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+import type { SelectPopoverOption } from '../../select-popover-interface';
+import { SelectPopoverPage } from '../fixtures';
+
+const options: SelectPopoverOption[] = [
+  { value: 'apple', text: 'Apple', disabled: false, checked: false },
+  { value: 'banana', text: 'Banana', disabled: false, checked: false },
+];
+
+const checkedOptions: SelectPopoverOption[] = [
+  { value: 'apple', text: 'Apple', disabled: false, checked: true },
+  { value: 'banana', text: 'Banana', disabled: false, checked: false },
+];
+
+/**
+ * This behavior does not vary across modes/directions.
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select-popover: basic'), () => {
+    test.beforeEach(({ browserName }) => {
+      test.skip(browserName === 'webkit', 'https://ionic-cloud.atlassian.net/browse/FW-2979');
+    });
+
+    test.describe('single selection', () => {
+      let selectPopoverPage: SelectPopoverPage;
+
+      test.beforeEach(async ({ page }) => {
+        selectPopoverPage = new SelectPopoverPage(page);
+      });
+
+      test('clicking an unselected option should dismiss the popover', async () => {
+        await selectPopoverPage.setup(config, options, false);
+
+        await selectPopoverPage.clickOption('apple');
+        await selectPopoverPage.ionPopoverDidDismiss.next();
+        await expect(selectPopoverPage.popover).not.toBeVisible();
+      });
+
+      test('clicking a selected option should dismiss the popover', async () => {
+        await selectPopoverPage.setup(config, checkedOptions, false);
+
+        await selectPopoverPage.clickOption('apple');
+        await selectPopoverPage.ionPopoverDidDismiss.next();
+        await expect(selectPopoverPage.popover).not.toBeVisible();
+      });
+
+      test('pressing Space on an unselected option should dismiss the popover', async () => {
+        await selectPopoverPage.setup(config, options, false);
+
+        await selectPopoverPage.pressSpaceOnOption('apple');
+        await selectPopoverPage.ionPopoverDidDismiss.next();
+        await expect(selectPopoverPage.popover).not.toBeVisible();
+      });
+
+      test('pressing Space on a selected option should dismiss the popover', async ({ browserName }) => {
+        test.skip(browserName === 'firefox', 'Same behavior as https://ionic-cloud.atlassian.net/browse/FW-2979');
+
+        await selectPopoverPage.setup(config, checkedOptions, false);
+
+        await selectPopoverPage.pressSpaceOnOption('apple');
+        await selectPopoverPage.ionPopoverDidDismiss.next();
+        await expect(selectPopoverPage.popover).not.toBeVisible();
+      });
+    });
+  });
+});
+
+/**
+ * This behavior does not vary across directions.
+ * The components used inside of `ion-select-popover`
+ * do have RTL logic, but those are tested in their
+ * respective component test files.
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select-popover: rendering'), () => {
+    let selectPopoverPage: SelectPopoverPage;
+
+    test.beforeEach(async ({ page }) => {
+      selectPopoverPage = new SelectPopoverPage(page);
+    });
+    test('should not have visual regressions with single selection', async () => {
+      await selectPopoverPage.setup(config, options, false);
+      await selectPopoverPage.screenshot(screenshot, 'select-popover-diff');
+    });
+    test('should not have visual regressions with multiple selection', async () => {
+      await selectPopoverPage.setup(config, options, true);
+      await selectPopoverPage.screenshot(screenshot, 'select-popover-multiple-diff');
+    });
+  });
+});
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..57e30d1084
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..97338a1e56
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..6b7c49ab8d
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..be32b57e3e
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..b69e95f4d0
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..a1a2a2e34e
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..9dd8673ea8
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..485b444669
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..948b80581c
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..875fa07c7d
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..d38d3e35c8
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..ea12536ead
Binary files /dev/null and b/core/src/components/select-popover/test/basic/select-popover.e2e.ts-snapshots/select-popover-multiple-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select-popover/test/fixtures.ts b/core/src/components/select-popover/test/fixtures.ts
index 3d15378129..14c8103376 100644
--- a/core/src/components/select-popover/test/fixtures.ts
+++ b/core/src/components/select-popover/test/fixtures.ts
@@ -1,4 +1,5 @@
-import type { E2EPage, E2ELocator, EventSpy } from '@utils/test/playwright';
+import { expect } from '@playwright/test';
+import type { E2EPage, E2ELocator, EventSpy, E2EPageOptions, ScreenshotFn } from '@utils/test/playwright';
 
 import type { SelectPopoverOption } from '../select-popover-interface';
 
@@ -18,10 +19,11 @@ export class SelectPopoverPage {
     this.page = page;
   }
 
-  async setup(options: SelectPopoverOption[], multiple = false) {
+  async setup(config: E2EPageOptions, options: SelectPopoverOption[], multiple = false) {
     const { page } = this;
 
-    await page.setContent(`
+    await page.setContent(
+      `
     <ion-popover>
       <ion-select-popover></ion-select-popover>
     </ion-popover>
@@ -30,7 +32,9 @@ export class SelectPopoverPage {
       selectPopover.options = ${JSON.stringify(options)};
       selectPopover.multiple = ${multiple};
     </script>
-    `);
+    `,
+      config
+    );
 
     const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
     this.ionPopoverDidDismiss = await page.spyOnEvent('ionPopoverDidDismiss');
@@ -45,6 +49,10 @@ export class SelectPopoverPage {
     await ionPopoverDidPresent.next();
   }
 
+  async screenshot(screenshot: ScreenshotFn, name: string) {
+    await expect(this.selectPopover).toHaveScreenshot(screenshot(name));
+  }
+
   async clickOption(value: string) {
     const option = this.getOption(value);
     await option.click();
diff --git a/core/src/components/select/test/a11y/select.e2e-legacy.ts b/core/src/components/select/test/a11y/select.e2e-legacy.ts
deleted file mode 100644
index 5d070fca7e..0000000000
--- a/core/src/components/select/test/a11y/select.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('select: a11y', () => {
-  test.beforeEach(async ({ skip }) => {
-    skip.rtl();
-    skip.mode('md');
-  });
-
-  test('should not have accessibility violations', async ({ page }) => {
-    await page.goto(`/src/components/select/test/a11y`);
-
-    const results = await new AxeBuilder({ page }).analyze();
-    expect(results.violations).toEqual([]);
-  });
-});
diff --git a/core/src/components/select/test/a11y/select.e2e.ts b/core/src/components/select/test/a11y/select.e2e.ts
new file mode 100644
index 0000000000..03baca7deb
--- /dev/null
+++ b/core/src/components/select/test/a11y/select.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('select: a11y'), () => {
+    test('should not have accessibility violations', async ({ page }) => {
+      await page.goto(`/src/components/select/test/a11y`, config);
+
+      const results = await new AxeBuilder({ page }).analyze();
+      expect(results.violations).toEqual([]);
+    });
+  });
+});
diff --git a/core/src/components/select/test/async/select.e2e-legacy.ts b/core/src/components/select/test/async/select.e2e-legacy.ts
deleted file mode 100644
index f35ee77508..0000000000
--- a/core/src/components/select/test/async/select.e2e-legacy.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: async', () => {
-  test.beforeEach(async ({ page, skip }) => {
-    skip.rtl('This is checking internal logic. RTL tests are not needed');
-    skip.mode('md');
-
-    await page.goto(`/src/components/select/test/async`);
-  });
-  test('should correctly set the value after a delay', async ({ page }) => {
-    const select = page.locator('#default');
-    await page.click('#set-contents');
-
-    await expect(select).toHaveJSProperty('value', 'bird');
-  });
-
-  test('should re-render when options update but value is already set', async ({ page }) => {
-    const select = page.locator('#with-value');
-    await page.click('#set-contents');
-
-    await expect(select.locator('.select-text')).toHaveText('bird');
-  });
-});
diff --git a/core/src/components/select/test/async/select.e2e.ts b/core/src/components/select/test/async/select.e2e.ts
new file mode 100644
index 0000000000..221b1dcfdf
--- /dev/null
+++ b/core/src/components/select/test/async/select.e2e.ts
@@ -0,0 +1,26 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This is checking internal logic. RTL tests are not needed
+ */
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: async'), () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto(`/src/components/select/test/async`, config);
+    });
+    test('should correctly set the value after a delay', async ({ page }) => {
+      const select = page.locator('#default');
+      await page.click('#set-contents');
+
+      await expect(select).toHaveJSProperty('value', 'bird');
+    });
+
+    test('should re-render when options update but value is already set', async ({ page }) => {
+      const select = page.locator('#with-value');
+      await page.click('#set-contents');
+
+      await expect(select.locator('.select-text')).toHaveText('bird');
+    });
+  });
+});
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts b/core/src/components/select/test/basic/select.e2e-legacy.ts
deleted file mode 100644
index 7716727a70..0000000000
--- a/core/src/components/select/test/basic/select.e2e-legacy.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-import type { E2ELocator } from '@utils/test/playwright';
-
-test.describe('select: basic', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto('/src/components/select/test/basic');
-  });
-
-  test('should not open multiple alert windows when clicked multiple times', async ({ page }) => {
-    test.info().annotations.push({
-      type: 'issue',
-      description: 'https://github.com/ionic-team/ionic-framework/issues/25126',
-    });
-
-    const select = page.locator('#gender');
-
-    await select.evaluate((el: HTMLSelectElement) => {
-      /*
-       * Playwright's click() method attempts to scroll to the handle
-       * to perform the action. That is problematic when the overlay
-       * is already visible. We manually click() the element instead
-       * to avoid flaky tests.
-       */
-      el.click();
-      el.click();
-      el.click();
-    });
-
-    const alerts = await page.$$('ion-alert');
-
-    expect(alerts.length).toBe(1);
-  });
-
-  test.describe('select: alert', () => {
-    test('it should open an alert select', async ({ page }) => {
-      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-      const ionDismiss = await page.spyOnEvent('ionDismiss');
-
-      await page.click('#customAlertSelect');
-
-      await ionAlertDidPresent.next();
-
-      await expect(page).toHaveScreenshot(`select-alert-diff-${page.getSnapshotSettings()}.png`, {
-        animations: 'disabled',
-      });
-
-      const alert = page.locator('ion-alert');
-      await alert.evaluate((el: HTMLIonAlertElement) => el.dismiss());
-
-      await ionDismiss.next();
-    });
-  });
-
-  test.describe('select: action sheet', () => {
-    test('it should open an action sheet select', async ({ page }) => {
-      const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-      const ionDismiss = await page.spyOnEvent('ionDismiss');
-
-      await page.click('#customActionSheetSelect');
-
-      await ionActionSheetDidPresent.next();
-
-      await expect(page).toHaveScreenshot(`select-action-sheet-diff-${page.getSnapshotSettings()}.png`, {
-        animations: 'disabled',
-      });
-
-      const actionSheet = page.locator('ion-action-sheet');
-      await actionSheet.evaluate((el: HTMLIonActionSheetElement) => el.dismiss());
-
-      await ionDismiss.next();
-    });
-  });
-
-  test.describe('select: popover', () => {
-    test('it should open a popover select', async ({ page, skip }) => {
-      // TODO (FW-2979)
-      skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
-
-      const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-      const ionDismiss = await page.spyOnEvent('ionDismiss');
-
-      await page.click('#customPopoverSelect');
-
-      await ionPopoverDidPresent.next();
-
-      const popover = page.locator('ion-popover');
-
-      // select has no value, so first option should be focused by default
-      const popoverOption1 = popover.locator('.select-interface-option:first-of-type ion-radio');
-      await expect(popoverOption1).toBeFocused();
-
-      await expect(page).toHaveScreenshot(`select-popover-diff-${page.getSnapshotSettings()}.png`, {
-        animations: 'disabled',
-      });
-
-      await popover.evaluate((el: HTMLIonPopoverElement) => el.dismiss());
-
-      await ionDismiss.next();
-    });
-  });
-});
-
-test.describe('select: ionChange', () => {
-  test.beforeEach(({ skip }) => {
-    skip.rtl();
-    skip.mode('ios', 'ionChange has a consistent behavior across modes');
-  });
-
-  test('should fire ionChange when confirming a value from an alert', async ({ page }) => {
-    await page.setContent(`
-      <ion-select aria-label="Fruit" interface="alert">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-    const ionChange = await page.spyOnEvent('ionChange');
-    const select = page.locator('ion-select');
-
-    await select.click();
-    await ionAlertDidPresent.next();
-
-    const alert = page.locator('ion-alert');
-    const radioButtons = alert.locator('.alert-radio-button');
-    const confirmButton = alert.locator('.alert-button:not(.alert-button-role-cancel)');
-
-    await radioButtons.nth(0).click();
-    await confirmButton.click();
-
-    await ionChange.next();
-    expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
-    expect(ionChange).toHaveReceivedEventTimes(1);
-  });
-
-  test('should fire ionChange when confirming a value from a popover', async ({ page }) => {
-    await page.setContent(`
-      <ion-select aria-label="Fruit" interface="popover">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-    const select = page.locator('ion-select') as E2ELocator;
-    const ionChange = await select.spyOnEvent('ionChange');
-
-    await select.click();
-    await ionPopoverDidPresent.next();
-
-    const popover = page.locator('ion-popover');
-    const radioButtons = popover.locator('ion-radio');
-
-    await radioButtons.nth(0).click();
-
-    await ionChange.next();
-    expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
-    expect(ionChange).toHaveReceivedEventTimes(1);
-  });
-
-  test('should fire ionChange when confirming multiple values from a popover', async ({ page }) => {
-    await page.setContent(`
-      <ion-select aria-label="Fruit" interface="popover" multiple="true">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-    const select = page.locator('ion-select') as E2ELocator;
-    const ionChange = await select.spyOnEvent('ionChange');
-
-    await select.click();
-    await ionPopoverDidPresent.next();
-
-    const popover = page.locator('ion-popover');
-    const checkboxes = popover.locator('ion-checkbox');
-
-    await checkboxes.nth(0).click();
-    await ionChange.next();
-
-    expect(ionChange).toHaveReceivedEventDetail({ value: ['apple'] });
-    expect(ionChange).toHaveReceivedEventTimes(1);
-
-    await checkboxes.nth(1).click();
-    await ionChange.next();
-
-    expect(ionChange).toHaveReceivedEventDetail({ value: ['apple', 'banana'] });
-    expect(ionChange).toHaveReceivedEventTimes(2);
-  });
-
-  test('should fire ionChange when confirming a value from an action sheet', async ({ page }) => {
-    await page.setContent(`
-      <ion-select aria-label="Fruit" interface="action-sheet">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-    const ionChange = await page.spyOnEvent('ionChange');
-    const select = page.locator('ion-select');
-
-    await select.click();
-    await ionActionSheetDidPresent.next();
-
-    const actionSheet = page.locator('ion-action-sheet');
-    const buttons = actionSheet.locator('.action-sheet-button');
-
-    await buttons.nth(0).click();
-
-    await ionChange.next();
-    expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
-    expect(ionChange).toHaveReceivedEventTimes(1);
-  });
-
-  test('should not fire when programmatically setting a valid value', async ({ page }) => {
-    await page.setContent(`
-      <ion-select aria-label="Fruit">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionChange = await page.spyOnEvent('ionChange');
-    const select = page.locator('ion-select');
-
-    await select.evaluate((el: HTMLIonSelectElement) => (el.value = 'banana'));
-    await expect(ionChange).not.toHaveReceivedEvent();
-  });
-});
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index a9122d6e65..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index a16898b099..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 371ac9ee9d..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 09767681ac..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 0bb4811723..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index e7df31f095..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 99e86e13ab..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 1c32d4fa3e..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index eb5dcd0e23..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 0b137fac59..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index db8b0bd029..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 4b6f49ab73..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 3596ee4c2f..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 10aed3d05a..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 7f6b6dc42b..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 3cad955118..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 4a79ade990..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index ffb81ab269..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 4e9bf7708f..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 1f0dd7f613..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 76594bb7c8..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index eb04dacf54..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index b179da4138..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 42ef3b0c1d..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index cb3bd481d1..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 527cf77064..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index d127e20eb8..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 42b76b6473..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index d9e54ff3cb..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 563ae3ab3d..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index b76c1a28fc..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index d0b2b38540..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 7592df8768..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 3ac8a5afc9..0000000000
Binary files a/core/src/components/select/test/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts b/core/src/components/select/test/basic/select.e2e.ts
new file mode 100644
index 0000000000..97c3ca75ae
--- /dev/null
+++ b/core/src/components/select/test/basic/select.e2e.ts
@@ -0,0 +1,238 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+import type { E2ELocator } from '@utils/test/playwright';
+
+/**
+ * This checks that certain overlays open correctly. While the
+ * overlay rendering varies across directions, the select behavior
+ * does not. The overlay rendering is already tested in the respective
+ * test files.
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: basic'), () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/src/components/select/test/basic', config);
+    });
+
+    test.describe('select: alert', () => {
+      test('it should open an alert select', async ({ page }) => {
+        const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+
+        await page.click('#customAlertSelect');
+
+        await ionAlertDidPresent.next();
+
+        await expect(page.locator('ion-alert')).toBeVisible();
+      });
+    });
+
+    test.describe('select: action sheet', () => {
+      test('it should open an action sheet select', async ({ page }) => {
+        const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
+
+        await page.click('#customActionSheetSelect');
+
+        await ionActionSheetDidPresent.next();
+
+        await expect(page.locator('ion-action-sheet')).toBeVisible();
+      });
+    });
+
+    test.describe('select: popover', () => {
+      test('it should open a popover select', async ({ page, skip }) => {
+        // TODO (FW-2979)
+        skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
+
+        const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
+
+        await page.click('#customPopoverSelect');
+
+        await ionPopoverDidPresent.next();
+
+        const popover = page.locator('ion-popover');
+
+        // select has no value, so first option should be focused by default
+        const popoverOption1 = popover.locator('.select-interface-option:first-of-type ion-radio');
+        await expect(popoverOption1).toBeFocused();
+
+        await expect(popover).toBeVisible();
+      });
+    });
+  });
+});
+
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: multiple selects'), () => {
+    test('should not open multiple alert windows when clicked multiple times', async ({ page }) => {
+      test.info().annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/25126',
+      });
+
+      await page.goto('/src/components/select/test/basic', config);
+
+      const select = page.locator('#gender');
+
+      await select.evaluate((el: HTMLSelectElement) => {
+        /*
+         * Playwright's click() method attempts to scroll to the handle
+         * to perform the action. That is problematic when the overlay
+         * is already visible. We manually click() the element instead
+         * to avoid flaky tests.
+         */
+        el.click();
+        el.click();
+        el.click();
+      });
+
+      const alerts = await page.$$('ion-alert');
+
+      expect(alerts.length).toBe(1);
+    });
+  });
+});
+
+/**
+ * ionChange has a consistent behavior across modes
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: ionChange'), () => {
+    test('should fire ionChange when confirming a value from an alert', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select aria-label="Fruit" interface="alert">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+      const ionChange = await page.spyOnEvent('ionChange');
+      const select = page.locator('ion-select');
+
+      await select.click();
+      await ionAlertDidPresent.next();
+
+      const alert = page.locator('ion-alert');
+      const radioButtons = alert.locator('.alert-radio-button');
+      const confirmButton = alert.locator('.alert-button:not(.alert-button-role-cancel)');
+
+      await radioButtons.nth(0).click();
+      await confirmButton.click();
+
+      await ionChange.next();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
+      expect(ionChange).toHaveReceivedEventTimes(1);
+    });
+
+    test('should fire ionChange when confirming a value from a popover', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select aria-label="Fruit" interface="popover">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
+      const select = page.locator('ion-select') as E2ELocator;
+      const ionChange = await select.spyOnEvent('ionChange');
+
+      await select.click();
+      await ionPopoverDidPresent.next();
+
+      const popover = page.locator('ion-popover');
+      const radioButtons = popover.locator('ion-radio');
+
+      await radioButtons.nth(0).click();
+
+      await ionChange.next();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
+      expect(ionChange).toHaveReceivedEventTimes(1);
+    });
+
+    test('should fire ionChange when confirming multiple values from a popover', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select aria-label="Fruit" interface="popover" multiple="true">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
+      const select = page.locator('ion-select') as E2ELocator;
+      const ionChange = await select.spyOnEvent('ionChange');
+
+      await select.click();
+      await ionPopoverDidPresent.next();
+
+      const popover = page.locator('ion-popover');
+      const checkboxes = popover.locator('ion-checkbox');
+
+      await checkboxes.nth(0).click();
+      await ionChange.next();
+
+      expect(ionChange).toHaveReceivedEventDetail({ value: ['apple'] });
+      expect(ionChange).toHaveReceivedEventTimes(1);
+
+      await checkboxes.nth(1).click();
+      await ionChange.next();
+
+      expect(ionChange).toHaveReceivedEventDetail({ value: ['apple', 'banana'] });
+      expect(ionChange).toHaveReceivedEventTimes(2);
+    });
+
+    test('should fire ionChange when confirming a value from an action sheet', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select aria-label="Fruit" interface="action-sheet">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
+      const ionChange = await page.spyOnEvent('ionChange');
+      const select = page.locator('ion-select');
+
+      await select.click();
+      await ionActionSheetDidPresent.next();
+
+      const actionSheet = page.locator('ion-action-sheet');
+      const buttons = actionSheet.locator('.action-sheet-button');
+
+      await buttons.nth(0).click();
+
+      await ionChange.next();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
+      expect(ionChange).toHaveReceivedEventTimes(1);
+    });
+
+    test('should not fire when programmatically setting a valid value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select aria-label="Fruit">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionChange = await page.spyOnEvent('ionChange');
+      const select = page.locator('ion-select');
+
+      await select.evaluate((el: HTMLIonSelectElement) => (el.value = 'banana'));
+      await expect(ionChange).not.toHaveReceivedEvent();
+    });
+  });
+});
diff --git a/core/src/components/select/test/card/select.e2e-legacy.ts b/core/src/components/select/test/card/select.e2e-legacy.ts
deleted file mode 100644
index 9c470a96fd..0000000000
--- a/core/src/components/select/test/card/select.e2e-legacy.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: card', () => {
-  test('should render correctly in card', async ({ page, skip }) => {
-    skip.rtl();
-    skip.mode('ios');
-
-    await page.setContent(`
-      <ion-card>
-        <ion-card-content>
-          <ion-item style="border: 1px solid grey" lines="none">
-            <ion-select label="select" label-placement="stacked"></ion-select>
-          </ion-item>
-        </ion-card-content>
-      </ion-card>
-    `);
-
-    const card = page.locator('ion-card');
-    expect(await card.screenshot()).toMatchSnapshot(`select-card-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/select/test/card/select.e2e.ts b/core/src/components/select/test/card/select.e2e.ts
new file mode 100644
index 0000000000..b667eb69b5
--- /dev/null
+++ b/core/src/components/select/test/card/select.e2e.ts
@@ -0,0 +1,24 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: card'), () => {
+    test('should render correctly in card', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-card>
+          <ion-card-content>
+            <ion-item style="border: 1px solid grey" lines="none">
+              <ion-select label="select" label-placement="stacked"></ion-select>
+            </ion-item>
+          </ion-card-content>
+        </ion-card>
+      `,
+        config
+      );
+
+      const card = page.locator('ion-card');
+      expect(await card.screenshot()).toMatchSnapshot(screenshot(`select-card`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/card/select.e2e-legacy.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/card/select.e2e-legacy.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/card/select.e2e-legacy.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/card/select.e2e-legacy.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/card/select.e2e-legacy.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/card/select.e2e-legacy.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts b/core/src/components/select/test/color/select.e2e-legacy.ts
deleted file mode 100644
index 97e75a7c92..0000000000
--- a/core/src/components/select/test/color/select.e2e-legacy.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('input: color', () => {
-  test.beforeEach(({ skip }) => {
-    skip.rtl();
-    skip.mode('ios');
-  });
-
-  test.describe('input: fill none', () => {
-    test('should set label and highlight color on expand', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-no-fill-color-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-  test.describe('input: fill solid', () => {
-    test('should set label and highlight color on expand', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="solid" label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-solid-color-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-  test.describe('input: fill outline', () => {
-    test('should set label and highlight color on expand', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="outline" label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-outline-color-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-});
diff --git a/core/src/components/select/test/color/select.e2e.ts b/core/src/components/select/test/color/select.e2e.ts
new file mode 100644
index 0000000000..8c969dda1e
--- /dev/null
+++ b/core/src/components/select/test/color/select.e2e.ts
@@ -0,0 +1,52 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('input: color'), () => {
+    test.describe('input: fill none', () => {
+      test('should set label and highlight color on expand', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(screenshot(`select-no-fill-color`));
+      });
+    });
+    test.describe('input: fill solid', () => {
+      test('should set label and highlight color on expand', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="solid" label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(screenshot(`select-solid-color`));
+      });
+    });
+    test.describe('input: fill outline', () => {
+      test('should set label and highlight color on expand', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="outline" label="Label" class="select-expanded" value="apple" class="ion-focused" color="danger">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(screenshot(`select-outline-color`));
+      });
+    });
+  });
+});
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-no-fill-color-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-outline-color-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-outline-color-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-outline-color-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-outline-color-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-outline-color-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-outline-color-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-outline-color-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-solid-color-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-solid-color-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-solid-color-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-solid-color-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-solid-color-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-solid-color-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-solid-color-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-solid-color-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-solid-color-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/color/select.e2e.ts-snapshots/select-solid-color-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/color/select.e2e-legacy.ts-snapshots/select-solid-color-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/color/select.e2e.ts-snapshots/select-solid-color-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/compare-with/select.e2e-legacy.ts b/core/src/components/select/test/compare-with/select.e2e-legacy.ts
deleted file mode 100644
index 163c14a253..0000000000
--- a/core/src/components/select/test/compare-with/select.e2e-legacy.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: compare-with', () => {
-  test('should correctly set value when using compareWith property', async ({ page, skip }) => {
-    skip.rtl('This is checking internal logic. RTL tests are not needed');
-
-    await page.goto('/src/components/select/test/compare-with');
-
-    const multipleSelect = page.locator('#multiple');
-    const singleSelect = page.locator('#single');
-
-    await expect(multipleSelect).toHaveJSProperty('value', [
-      {
-        label: 'selected by default',
-        value: '1',
-      },
-    ]);
-    await expect(singleSelect).toHaveJSProperty('value', {
-      label: 'selected by default',
-      value: '1',
-    });
-  });
-
-  test('should work with different parameter types', async ({ page }, testInfo) => {
-    test.skip(testInfo.project.metadata.rtl === true, 'This does not check LTR vs RTL layouts');
-    test.skip(testInfo.project.metadata.mode === 'md', 'This logic is the same across modes');
-    test.info().annotations.push({
-      type: 'issue',
-      description: 'https://github.com/ionic-team/ionic-framework/issues/25759',
-    });
-
-    await page.setContent(`
-      <ion-select label="Select a value" value="3" placeholder="Please select"></ion-select>
-
-      <script>
-        const data = [
-          { id: 1, name: 'Option #1' },
-          { id: 2, name: 'Option #2' },
-          { id: 3, name: 'Option #3' },
-        ]
-        const select = document.querySelector('ion-select');
-        select.compareWith = (val1, val2) => {
-          // convert val1 to a number
-          return +val1 === val2;
-        }
-
-        data.forEach((d) => {
-          const el = document.createElement('ion-select-option');
-          el.value = d.id;
-          el.innerText = d.name;
-
-          select.appendChild(el);
-        });
-      </script>
-    `);
-    const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-
-    const select = page.locator('ion-select');
-    const selectLabel = select.locator('[part="text"]');
-
-    await expect(selectLabel).toHaveText('Option #3');
-
-    await select.click();
-    await ionAlertDidPresent.next();
-
-    const selectRadios = page.locator('ion-alert button.alert-radio');
-    await expect(selectRadios.nth(0)).toHaveAttribute('aria-checked', 'false');
-    await expect(selectRadios.nth(1)).toHaveAttribute('aria-checked', 'false');
-    await expect(selectRadios.nth(2)).toHaveAttribute('aria-checked', 'true');
-  });
-});
diff --git a/core/src/components/select/test/compare-with/select.e2e.ts b/core/src/components/select/test/compare-with/select.e2e.ts
new file mode 100644
index 0000000000..1c0e209ddc
--- /dev/null
+++ b/core/src/components/select/test/compare-with/select.e2e.ts
@@ -0,0 +1,76 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across modes/directions.
+ */
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: compare-with'), () => {
+    test('should correctly set value when using compareWith property', async ({ page }) => {
+      await page.goto('/src/components/select/test/compare-with', config);
+
+      const multipleSelect = page.locator('#multiple');
+      const singleSelect = page.locator('#single');
+
+      await expect(multipleSelect).toHaveJSProperty('value', [
+        {
+          label: 'selected by default',
+          value: '1',
+        },
+      ]);
+      await expect(singleSelect).toHaveJSProperty('value', {
+        label: 'selected by default',
+        value: '1',
+      });
+    });
+
+    test('should work with different parameter types', async ({ page }) => {
+      test.info().annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/25759',
+      });
+
+      await page.setContent(
+        `
+        <ion-select label="Select a value" value="3" placeholder="Please select"></ion-select>
+
+        <script>
+          const data = [
+            { id: 1, name: 'Option #1' },
+            { id: 2, name: 'Option #2' },
+            { id: 3, name: 'Option #3' },
+          ]
+          const select = document.querySelector('ion-select');
+          select.compareWith = (val1, val2) => {
+            // convert val1 to a number
+            return +val1 === val2;
+          }
+
+          data.forEach((d) => {
+            const el = document.createElement('ion-select-option');
+            el.value = d.id;
+            el.innerText = d.name;
+
+            select.appendChild(el);
+          });
+        </script>
+      `,
+        config
+      );
+      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+
+      const select = page.locator('ion-select');
+      const selectLabel = select.locator('[part="text"]');
+
+      await expect(selectLabel).toHaveText('Option #3');
+
+      await select.click();
+      await ionAlertDidPresent.next();
+
+      const selectRadios = page.locator('ion-alert button.alert-radio');
+      await expect(selectRadios.nth(0)).toHaveAttribute('aria-checked', 'false');
+      await expect(selectRadios.nth(1)).toHaveAttribute('aria-checked', 'false');
+      await expect(selectRadios.nth(2)).toHaveAttribute('aria-checked', 'true');
+    });
+  });
+});
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 7bbe19c92f..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 5789c6bb3a..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index a7374fd95d..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 8fb95e0d02..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 86b68099f7..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 8ab2bff810..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 4c5fb4b2cf..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index e22a773146..0000000000
Binary files a/core/src/components/select/test/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/custom/select.e2e-legacy.ts b/core/src/components/select/test/custom/select.e2e-legacy.ts
deleted file mode 100644
index ac308a1459..0000000000
--- a/core/src/components/select/test/custom/select.e2e-legacy.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: custom', () => {
-  test('should be able to customize select using css apis', async ({ page, skip }) => {
-    skip.rtl();
-
-    test.info().annotations.push({
-      type: 'issue',
-      description: 'https://github.com/ionic-team/ionic-framework/issues/27208',
-    });
-
-    await page.setContent(`
-      <ion-select label="Select" value="a">
-        <ion-select-option value="a">Apple</ion-select-option>
-      </ion-select>
-
-      <style>
-        ion-select {
-          color: white;
-
-          --background: #0088cc;
-          --border-radius: 20px;
-          --padding-start: 16px;
-          --padding-end: 16px;
-          --padding-top: 16px;
-          --padding-bottom: 16px;
-        }
-
-        ion-select::part(icon) {
-          color: white;
-        }
-      </style>
-    `);
-
-    const select = page.locator('ion-select');
-    await expect(select).toHaveScreenshot(`select-custon-diff-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/select/test/custom/select.e2e.ts b/core/src/components/select/test/custom/select.e2e.ts
new file mode 100644
index 0000000000..6cf8161b69
--- /dev/null
+++ b/core/src/components/select/test/custom/select.e2e.ts
@@ -0,0 +1,42 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: custom'), () => {
+    test('should be able to customize select using css apis', async ({ page }) => {
+      test.info().annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/27208',
+      });
+
+      await page.setContent(
+        `
+        <ion-select label="Select" value="a">
+          <ion-select-option value="a">Apple</ion-select-option>
+        </ion-select>
+
+        <style>
+          ion-select {
+            color: white;
+
+            --background: #0088cc;
+            --border-radius: 20px;
+            --padding-start: 16px;
+            --padding-end: 16px;
+            --padding-top: 16px;
+            --padding-bottom: 16px;
+          }
+
+          ion-select::part(icon) {
+            color: white;
+          }
+        </style>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      await expect(select).toHaveScreenshot(screenshot(`select-custon-diff`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e-legacy.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts b/core/src/components/select/test/fill/select.e2e-legacy.ts
deleted file mode 100644
index 4f6b20446b..0000000000
--- a/core/src/components/select/test/fill/select.e2e-legacy.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: fill', () => {
-  test.beforeEach(({ skip }) => {
-    skip.mode('ios', 'Fill is only available in MD mode');
-  });
-
-  test.describe('select: fill solid', () => {
-    test('should not have visual regressions', async ({ page }) => {
-      await page.setContent(`
-        <ion-select
-          fill="solid"
-          label="Fruit"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(`select-fill-solid-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render correctly with floating label', async ({ page }) => {
-      await page.setContent(`
-        <ion-select
-          fill="solid"
-          label="Fruit"
-          label-placement="floating"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-fill-solid-label-floating-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('should not have visual regressions with shaped solid', async ({ page }) => {
-      await page.setContent(`
-        <ion-select
-          shape="round"
-          fill="solid"
-          label="Fruit"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(`select-fill-shaped-solid-${page.getSnapshotSettings()}.png`);
-    });
-    test('padding and border radius should be customizable', async ({ page }) => {
-      await page.setContent(`
-        <style>
-          ion-select {
-            --border-radius: 10px !important;
-            --padding-start: 50px !important;
-            --padding-end: 50px !important;
-          }
-        </style>
-        <ion-select
-          shape="round"
-          fill="solid"
-          label="Fruit"
-          label-placement="floating"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-fill-shaped-solid-custom-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-  test.describe('select: fill outline', () => {
-    test('should not have visual regressions', async ({ page }) => {
-      await page.setContent(`
-        <ion-select
-          fill="outline"
-          label="Fruit"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(`select-fill-outline-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render correctly with floating label', async ({ page }) => {
-      await page.setContent(`
-        <ion-select
-          fill="outline"
-          label="Fruit"
-          label-placement="floating"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-fill-outline-label-floating-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('should not have visual regressions with shaped outline', async ({ page }) => {
-      await page.setContent(`
-        <ion-select
-          shape="round"
-          fill="outline"
-          label="Fruit"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(`select-fill-shaped-outline-${page.getSnapshotSettings()}.png`);
-    });
-    test('padding and border radius should be customizable', async ({ page }) => {
-      await page.setContent(`
-        <style>
-          ion-select {
-            --border-radius: 10px !important;
-            --padding-start: 50px !important;
-            --padding-end: 50px !important;
-          }
-        </style>
-        <ion-select
-          shape="round"
-          fill="outline"
-          label="Fruit"
-          label-placement="floating"
-          value="apple"
-        >
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-fill-shaped-outline-custom-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-});
diff --git a/core/src/components/select/test/fill/select.e2e.ts b/core/src/components/select/test/fill/select.e2e.ts
new file mode 100644
index 0000000000..767191fbdf
--- /dev/null
+++ b/core/src/components/select/test/fill/select.e2e.ts
@@ -0,0 +1,169 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: fill'), () => {
+    test.describe('select: fill solid', () => {
+      test('should not have visual regressions', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select
+            fill="solid"
+            label="Fruit"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-solid`));
+      });
+      test('should render correctly with floating label', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select
+            fill="solid"
+            label="Fruit"
+            label-placement="floating"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-solid-label-floating`));
+      });
+      test('should not have visual regressions with shaped solid', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select
+            shape="round"
+            fill="solid"
+            label="Fruit"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-shaped-solid`));
+      });
+      test('padding and border radius should be customizable', async ({ page }) => {
+        await page.setContent(
+          `
+          <style>
+            ion-select {
+              --border-radius: 10px !important;
+              --padding-start: 50px !important;
+              --padding-end: 50px !important;
+            }
+          </style>
+          <ion-select
+            shape="round"
+            fill="solid"
+            label="Fruit"
+            label-placement="floating"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-shaped-solid-custom`));
+      });
+    });
+    test.describe('select: fill outline', () => {
+      test('should not have visual regressions', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select
+            fill="outline"
+            label="Fruit"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-outline`));
+      });
+      test('should render correctly with floating label', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select
+            fill="outline"
+            label="Fruit"
+            label-placement="floating"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-outline-label-floating`));
+      });
+      test('should not have visual regressions with shaped outline', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select
+            shape="round"
+            fill="outline"
+            label="Fruit"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-shaped-outline`));
+      });
+      test('padding and border radius should be customizable', async ({ page }) => {
+        await page.setContent(
+          `
+          <style>
+            ion-select {
+              --border-radius: 10px !important;
+              --padding-start: 50px !important;
+              --padding-end: 50px !important;
+            }
+          </style>
+          <ion-select
+            shape="round"
+            fill="outline"
+            label="Fruit"
+            label-placement="floating"
+            value="apple"
+          >
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-fill-shaped-outline-custom`));
+      });
+    });
+  });
+});
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-outline-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-custom-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-solid-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/fill/select.e2e-legacy.ts-snapshots/select-fill-solid-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-solid-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts b/core/src/components/select/test/highlight/select.e2e-legacy.ts
deleted file mode 100644
index b7ba5a4194..0000000000
--- a/core/src/components/select/test/highlight/select.e2e-legacy.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('input: highlights', () => {
-  test.beforeEach(({ skip }) => {
-    skip.rtl();
-    skip.mode('ios');
-  });
-
-  test.describe('input: no fill', () => {
-    test('should render valid state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-no-fill-valid-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render invalid state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select value="apple" class="ion-touched ion-invalid" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-no-fill-invalid-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render focused state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select value="apple" class="ion-focused" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-no-fill-focus-${page.getSnapshotSettings()}.png`);
-    });
-  });
-  test.describe('input: solid', () => {
-    test('should render valid state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="solid" value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-solid-valid-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render invalid state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="solid" value="apple" class="ion-touched ion-invalid" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-solid-invalid-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render focused state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="solid" value="apple" class="ion-focused" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-solid-focus-${page.getSnapshotSettings()}.png`);
-    });
-  });
-  test.describe('input: outline', () => {
-    test('should render valid state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="outline" value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-outline-valid-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render invalid state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="outline" value="apple" class="ion-touched ion-invalid ion-focused" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-outline-invalid-${page.getSnapshotSettings()}.png`);
-    });
-    test('should render focused state correctly', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="outline" value="apple" class="ion-focused" label="Favorite Fruit">
-          <ion-select-option value="apple">Apple</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(`select-outline-focus-${page.getSnapshotSettings()}.png`);
-    });
-  });
-});
-
-test.describe('select: expanded highlight', () => {
-  test.beforeEach(({ skip }) => {
-    skip.rtl();
-    skip.mode('ios');
-  });
-
-  test.describe('select: no fill', () => {
-    test('should render bottom highlight', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label" class="select-expanded"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-no-fill-highlight-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-  test.describe('select: solid', () => {
-    test('should render bottom highlight', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="solid" label="Label" class="select-expanded"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-solid-highlight-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-  test.describe('select: outline', () => {
-    test('should render bottom highlight', async ({ page }) => {
-      await page.setContent(`
-        <ion-select fill="outline" label="Label" class="select-expanded"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-outline-highlight-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-});
diff --git a/core/src/components/select/test/highlight/select.e2e.ts b/core/src/components/select/test/highlight/select.e2e.ts
new file mode 100644
index 0000000000..30375089a7
--- /dev/null
+++ b/core/src/components/select/test/highlight/select.e2e.ts
@@ -0,0 +1,178 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('input: highlights'), () => {
+    test.describe('input: no fill', () => {
+      test('should render valid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-no-fill-valid`));
+      });
+      test('should render invalid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select value="apple" class="ion-touched ion-invalid" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-no-fill-invalid`));
+      });
+      test('should render focused state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select value="apple" class="ion-focused" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-no-fill-focus`));
+      });
+    });
+    test.describe('input: solid', () => {
+      test('should render valid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="solid" value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-solid-valid`));
+      });
+      test('should render invalid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="solid" value="apple" class="ion-touched ion-invalid" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-solid-invalid`));
+      });
+      test('should render focused state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="solid" value="apple" class="ion-focused" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-solid-focus`));
+      });
+    });
+    test.describe('input: outline', () => {
+      test('should render valid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="outline" value="apple" class="ion-valid ion-focused" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-outline-valid`));
+      });
+      test('should render invalid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="outline" value="apple" class="ion-touched ion-invalid ion-focused" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-outline-invalid`));
+      });
+      test('should render focused state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="outline" value="apple" class="ion-focused" label="Favorite Fruit">
+            <ion-select-option value="apple">Apple</ion-select-option>
+          </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-outline-focus`));
+      });
+    });
+  });
+
+  test.describe(title('select: expanded highlight'), () => {
+    test.describe('select: no fill', () => {
+      test('should render bottom highlight', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select label="Label" class="select-expanded"></ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
+          screenshot(`select-no-fill-highlight`)
+        );
+      });
+    });
+    test.describe('select: solid', () => {
+      test('should render bottom highlight', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="solid" label="Label" class="select-expanded"></ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
+          screenshot(`select-solid-highlight`)
+        );
+      });
+    });
+    test.describe('select: outline', () => {
+      test('should render bottom highlight', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select fill="outline" label="Label" class="select-expanded"></ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
+          screenshot(`select-outline-highlight`)
+        );
+      });
+    });
+  });
+});
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-focus-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-highlight-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-invalid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-no-fill-valid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-focus-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-focus-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-focus-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-focus-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-focus-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-focus-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-focus-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-focus-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-focus-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-focus-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-focus-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-focus-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-highlight-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-valid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-valid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-valid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-valid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-valid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-outline-valid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-focus-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-focus-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-focus-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-focus-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-focus-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-focus-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-focus-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-focus-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-focus-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-focus-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-focus-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-focus-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-highlight-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-invalid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-valid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-valid-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-valid-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-valid-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-valid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-valid-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-valid-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-valid-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-valid-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-valid-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/highlight/select.e2e-legacy.ts-snapshots/select-solid-valid-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/highlight/select.e2e.ts-snapshots/select-solid-valid-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts b/core/src/components/select/test/item/select.e2e-legacy.ts
deleted file mode 100644
index e4c2975287..0000000000
--- a/core/src/components/select/test/item/select.e2e-legacy.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: item', () => {
-  test.beforeEach(({ skip }) => {
-    skip.rtl();
-  });
-  test('should render correctly in list with no fill', async ({ page }) => {
-    await page.setContent(`
-      <ion-list>
-        <ion-item>
-          <ion-select
-            label="Email"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        </ion-item>
-      </ion-list>
-    `);
-    const list = page.locator('ion-list');
-    expect(await list.screenshot()).toMatchSnapshot(`select-list-no-fill-${page.getSnapshotSettings()}.png`);
-  });
-  test('should render correctly in inset list with no fill', async ({ page }) => {
-    await page.setContent(`
-      <ion-list inset="true">
-        <ion-item>
-          <ion-select
-            label="Fruit"
-            value="apple"
-          >
-            <ion-select-option value="apple">Apple</ion-select-option>
-          </ion-select>
-        </ion-item>
-      </ion-list>
-    `);
-    const list = page.locator('ion-list');
-    expect(await list.screenshot()).toMatchSnapshot(`select-inset-list-no-fill-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/select/test/item/select.e2e.ts b/core/src/components/select/test/item/select.e2e.ts
new file mode 100644
index 0000000000..e65dcd6f61
--- /dev/null
+++ b/core/src/components/select/test/item/select.e2e.ts
@@ -0,0 +1,45 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: item'), () => {
+    test('should render correctly in list with no fill', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-list>
+          <ion-item>
+            <ion-select
+              label="Email"
+              value="apple"
+            >
+              <ion-select-option value="apple">Apple</ion-select-option>
+            </ion-select>
+          </ion-item>
+        </ion-list>
+      `,
+        config
+      );
+      const list = page.locator('ion-list');
+      expect(await list.screenshot()).toMatchSnapshot(screenshot(`select-list-no-fill`));
+    });
+    test('should render correctly in inset list with no fill', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-list inset="true">
+          <ion-item>
+            <ion-select
+              label="Fruit"
+              value="apple"
+            >
+              <ion-select-option value="apple">Apple</ion-select-option>
+            </ion-select>
+          </ion-item>
+        </ion-list>
+      `,
+        config
+      );
+      const list = page.locator('ion-list');
+      expect(await list.screenshot()).toMatchSnapshot(screenshot(`select-inset-list-no-fill`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/item/select.e2e-legacy.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/item/select.e2e.ts-snapshots/select-list-no-fill-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts b/core/src/components/select/test/label/select.e2e-legacy.ts
deleted file mode 100644
index adf6d84fdd..0000000000
--- a/core/src/components/select/test/label/select.e2e-legacy.ts
+++ /dev/null
@@ -1,272 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-/**
- * By default ion-select only takes up
- * as much space as it needs. Justification is
- * used for when the select takes up the full
- * line (such as in an ion-item). As a result,
- * we set the width of the select so we can
- * see the justification results.
- */
-test.describe('select: label', () => {
-  test.describe('select: start placement', () => {
-    test('should render a start justification with label in the start position', async ({ page }) => {
-      await page.setContent(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="start" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-start-justify-start-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('should render an end justification with label in the start position', async ({ page }) => {
-      await page.setContent(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="end" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-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(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="space-between" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-start-justify-space-between-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-
-  test.describe('select: end placement', () => {
-    test('should render a start justification with label in the end position', async ({ page }) => {
-      await page.setContent(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="start" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-end-justify-start-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('should render an end justification with label in the end position', async ({ page }) => {
-      await page.setContent(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="end" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-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(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="space-between" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-end-justify-space-between-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-
-  test.describe('select: fixed placement', () => {
-    test('should render a start justification with label in the fixed position', async ({ page }) => {
-      await page.setContent(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="start" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-fixed-justify-start-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('should render an end justification with label in the fixed position', async ({ page }) => {
-      await page.setContent(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="end" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-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(`
-
-        <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="space-between" style="width: 200px"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-fixed-justify-space-between-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-
-  test.describe('select: floating placement', () => {
-    test('label should appear above the select when there is a value', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label" value="apples" label-placement="floating">
-          <ion-select-option value="apples">Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-floating-value-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('label should appear on top of the select when there is no value', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label" label-placement="floating">
-          <ion-select-option value="apples">Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-floating-no-value-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('label should appear on top of the select when there is a placeholder and no value', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label" label-placement="floating" placeholder="Placeholder">
-          <ion-select-option value="apples">Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-floating-no-value-placeholder-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('label should appear on top of the select when the select is expanded', async ({ page }) => {
-      await page.setContent(`
-        <ion-select class="select-expanded" label="Label" label-placement="floating" placeholder="Select a Fruit">
-          <ion-select-option value="apples">Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-label-floating-expanded-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('long text should truncate', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" label-placement="floating" value="apples" placeholder="Select a Fruit">
-          <ion-select-option value="apples">Apples Apples Apples Apples Apples Apples Apples Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-label-floating-long-text-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-
-  test.describe('select: stacked placement', () => {
-    test('label should appear above the select when there is a value', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label" value="apples" label-placement="stacked">
-          <ion-select-option value="apples">Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(`select-label-stacked-value-${page.getSnapshotSettings()}.png`);
-    });
-    test('label should appear above the select when there is no value', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label" label-placement="stacked">
-          <ion-select-option value="apples">Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(
-        `select-label-stacked-no-value-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('label should appear on top of the select when the select is expanded', async ({ page }) => {
-      await page.setContent(`
-        <ion-select class="select-expanded" label="Label" label-placement="stacked" placeholder="Select a Fruit">
-          <ion-select-option value="apples">Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-label-stacked-expanded-${page.getSnapshotSettings()}.png`
-      );
-    });
-    test('long text should truncate', async ({ page }) => {
-      await page.setContent(`
-        <ion-select label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" label-placement="stacked" value="apples" placeholder="Select a Fruit">
-          <ion-select-option value="apples">Apples Apples Apples Apples Apples Apples Apples Apples</ion-select-option>
-        </ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-
-      expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-label-stacked-long-text-${page.getSnapshotSettings()}.png`
-      );
-    });
-  });
-
-  test.describe('select: label overflow', () => {
-    test('label should be truncated with ellipses', async ({ page, skip }) => {
-      skip.mode('ios');
-      skip.rtl();
-
-      await page.setContent(`
-        <ion-select label="Label Label Label Label Label" placeholder="Select an Item"></ion-select>
-      `);
-
-      const select = page.locator('ion-select');
-      expect(await select.screenshot()).toMatchSnapshot(`select-label-truncate-${page.getSnapshotSettings()}.png`);
-    });
-  });
-});
-
-test.describe('select: alert label', () => {
-  test('should use the label to set the default header in an alert', async ({ page, skip }) => {
-    skip.rtl();
-    skip.mode('md');
-
-    await page.setContent(`
-      <ion-select label="My Alert" interface="alert">
-        <ion-select-option value="a">A</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    const alert = page.locator('ion-alert');
-    const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-
-    await select.click();
-    await ionAlertDidPresent.next();
-
-    await expect(alert.locator('.alert-title')).toHaveText('My Alert');
-  });
-});
diff --git a/core/src/components/select/test/label/select.e2e.ts b/core/src/components/select/test/label/select.e2e.ts
new file mode 100644
index 0000000000..1989ffab30
--- /dev/null
+++ b/core/src/components/select/test/label/select.e2e.ts
@@ -0,0 +1,305 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * By default ion-select only takes up
+ * as much space as it needs. Justification is
+ * used for when the select takes up the full
+ * line (such as in an ion-item). As a result,
+ * we set the width of the select so we can
+ * see the justification results.
+ */
+configs().forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: label'), () => {
+    test.describe('select: start placement', () => {
+      test('should render a start justification with label in the start position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="start" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-start-justify-start`));
+      });
+      test('should render an end justification with label in the start position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="end" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-start-justify-end`));
+      });
+      test('should render a space between justification with label in the start position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="space-between" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-start-justify-space-between`));
+      });
+    });
+
+    test.describe('select: end placement', () => {
+      test('should render a start justification with label in the end position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="start" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-end-justify-start`));
+      });
+      test('should render an end justification with label in the end position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="end" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-end-justify-end`));
+      });
+      test('should render a space between justification with label in the end position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="space-between" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-end-justify-space-between`));
+      });
+    });
+
+    test.describe('select: fixed placement', () => {
+      test('should render a start justification with label in the fixed position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="start" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-fixed-justify-start`));
+      });
+      test('should render an end justification with label in the fixed position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="end" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-fixed-justify-end`));
+      });
+      test('should render a space between justification with label in the fixed position', async ({ page }) => {
+        await page.setContent(
+          `
+
+           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="space-between" style="width: 200px"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-fixed-justify-space-between`));
+      });
+    });
+
+    test.describe('select: floating placement', () => {
+      test('label should appear above the select when there is a value', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select label="Label" value="apples" label-placement="floating">
+             <ion-select-option value="apples">Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-floating-value`));
+      });
+      test('label should appear on top of the select when there is no value', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select label="Label" label-placement="floating">
+             <ion-select-option value="apples">Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-floating-no-value`));
+      });
+      test('label should appear on top of the select when there is a placeholder and no value', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select label="Label" label-placement="floating" placeholder="Placeholder">
+             <ion-select-option value="apples">Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-floating-no-value-placeholder`));
+      });
+      test('label should appear on top of the select when the select is expanded', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select class="select-expanded" label="Label" label-placement="floating" placeholder="Select a Fruit">
+             <ion-select-option value="apples">Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
+          screenshot(`select-label-floating-expanded`)
+        );
+      });
+      test('long text should truncate', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" label-placement="floating" value="apples" placeholder="Select a Fruit">
+             <ion-select-option value="apples">Apples Apples Apples Apples Apples Apples Apples Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
+          screenshot(`select-label-floating-long-text`)
+        );
+      });
+    });
+
+    test.describe('select: stacked placement', () => {
+      test('label should appear above the select when there is a value', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select label="Label" value="apples" label-placement="stacked">
+             <ion-select-option value="apples">Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-stacked-value`));
+      });
+      test('label should appear above the select when there is no value', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select label="Label" label-placement="stacked">
+             <ion-select-option value="apples">Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-stacked-no-value`));
+      });
+      test('label should appear on top of the select when the select is expanded', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select class="select-expanded" label="Label" label-placement="stacked" placeholder="Select a Fruit">
+             <ion-select-option value="apples">Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
+          screenshot(`select-label-stacked-expanded`)
+        );
+      });
+      test('long text should truncate', async ({ page }) => {
+        await page.setContent(
+          `
+           <ion-select label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" label-placement="stacked" value="apples" placeholder="Select a Fruit">
+             <ion-select-option value="apples">Apples Apples Apples Apples Apples Apples Apples Apples</ion-select-option>
+           </ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+
+        expect(await select.screenshot({ animations: 'disabled' })).toMatchSnapshot(
+          screenshot(`select-label-stacked-long-text`)
+        );
+      });
+    });
+  });
+});
+
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: label overflow'), () => {
+    test('label should be truncated with ellipses', async ({ page }) => {
+      await page.setContent(
+        `
+            <ion-select label="Label Label Label Label Label" placeholder="Select an Item"></ion-select>
+          `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-label-truncate`));
+    });
+  });
+});
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: alert label'), () => {
+    test('should use the label to set the default header in an alert', async ({ page }) => {
+      await page.setContent(
+        `
+         <ion-select label="My Alert" interface="alert">
+           <ion-select-option value="a">A</ion-select-option>
+         </ion-select>
+       `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      const alert = page.locator('ion-alert');
+      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+
+      await select.click();
+      await ionAlertDidPresent.next();
+
+      await expect(alert.locator('.alert-title')).toHaveText('My Alert');
+    });
+  });
+});
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-expanded-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-no-value-placeholder-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-value-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-expanded-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-no-value-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-value-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-truncate-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-truncate-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-truncate-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-truncate-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-truncate-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-truncate-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-truncate-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-truncate-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-truncate-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-truncate-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/label/select.e2e-legacy.ts-snapshots/select-label-truncate-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-truncate-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/async/select.e2e-legacy.ts b/core/src/components/select/test/legacy/async/select.e2e-legacy.ts
deleted file mode 100644
index 07f9a37d5b..0000000000
--- a/core/src/components/select/test/legacy/async/select.e2e-legacy.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe.skip('select: async', () => {
-  test('should correctly set the value after a delay', async ({ page, skip }) => {
-    skip.rtl('This is checking internal logic. RTL tests are not needed');
-
-    await page.goto(`/src/components/select/test/legacy/async`);
-    const selectValueSet = await page.spyOnEvent('selectValueSet');
-
-    const select = page.locator('#default');
-
-    await selectValueSet.next();
-
-    await expect(select).toHaveJSProperty('value', 'bird');
-  });
-});
diff --git a/core/src/components/select/test/legacy/async/select.e2e.ts b/core/src/components/select/test/legacy/async/select.e2e.ts
new file mode 100644
index 0000000000..df22990e55
--- /dev/null
+++ b/core/src/components/select/test/legacy/async/select.e2e.ts
@@ -0,0 +1,20 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This is checking internal logic. RTL tests are not needed
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe.skip(title('select: async'), () => {
+    test('should correctly set the value after a delay', async ({ page }) => {
+      await page.goto(`/src/components/select/test/legacy/async`, config);
+      const selectValueSet = await page.spyOnEvent('selectValueSet');
+
+      const select = page.locator('#default');
+
+      await selectValueSet.next();
+
+      await expect(select).toHaveJSProperty('value', 'bird');
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts
deleted file mode 100644
index 232ed0bfe9..0000000000
--- a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: basic', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto('/src/components/select/test/legacy/basic');
-  });
-
-  test('should not open multiple alert windows when clicked multiple times', async ({ page }) => {
-    test.info().annotations.push({
-      type: 'issue',
-      description: 'https://github.com/ionic-team/ionic-framework/issues/25126',
-    });
-
-    const select = page.locator('#gender');
-
-    await select.evaluate((el: HTMLSelectElement) => {
-      /*
-       * Playwright's click() method attempts to scroll to the handle
-       * to perform the action. That is problematic when the overlay
-       * is already visible. We manually click() the element instead
-       * to avoid flaky tests.
-       */
-      el.click();
-      el.click();
-      el.click();
-    });
-
-    const alerts = await page.$$('ion-alert');
-
-    expect(alerts.length).toBe(1);
-  });
-
-  test.describe('select: alert', () => {
-    test('it should open an alert select', async ({ page }) => {
-      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-      const ionDismiss = await page.spyOnEvent('ionDismiss');
-
-      await page.click('#customAlertSelect');
-
-      await ionAlertDidPresent.next();
-
-      expect(await page.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-alert-diff-${page.getSnapshotSettings()}.png`
-      );
-
-      const alert = page.locator('ion-alert');
-      await alert.evaluate((el: HTMLIonAlertElement) => el.dismiss());
-
-      await ionDismiss.next();
-    });
-  });
-
-  test.describe('select: action sheet', () => {
-    test('it should open an action sheet select', async ({ page }) => {
-      const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-      const ionDismiss = await page.spyOnEvent('ionDismiss');
-
-      await page.click('#customActionSheetSelect');
-
-      await ionActionSheetDidPresent.next();
-
-      expect(await page.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-action-sheet-diff-${page.getSnapshotSettings()}.png`
-      );
-
-      const actionSheet = page.locator('ion-action-sheet');
-      await actionSheet.evaluate((el: HTMLIonActionSheetElement) => el.dismiss());
-
-      await ionDismiss.next();
-    });
-  });
-
-  test.describe('select: popover', () => {
-    test('it should open a popover select', async ({ page, browserName, skip }) => {
-      // TODO (FW-2979)
-      skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
-
-      const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-      const ionDismiss = await page.spyOnEvent('ionDismiss');
-
-      await page.click('#customPopoverSelect');
-
-      await ionPopoverDidPresent.next();
-
-      const popover = page.locator('ion-popover');
-
-      // TODO(FW-1436)
-      if (browserName !== 'firefox') {
-        // select has no value, so first option should be focused by default
-        const popoverOption1 = await popover.locator('.select-interface-option:first-of-type ion-radio');
-        await expect(popoverOption1).toBeFocused();
-      }
-
-      expect(await page.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-        `select-popover-diff-${page.getSnapshotSettings()}.png`
-      );
-
-      await popover.evaluate((el: HTMLIonPopoverElement) => el.dismiss());
-
-      await ionDismiss.next();
-    });
-  });
-});
-
-test.describe('select: ionChange', () => {
-  test.beforeEach(({ skip }) => {
-    skip.rtl();
-    skip.mode('ios', 'ionChange has a consistent behavior across modes');
-  });
-
-  test('should fire ionChange when confirming a value from an alert', async ({ page }) => {
-    await page.setContent(`
-      <ion-select interface="alert">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-    const ionChange = await page.spyOnEvent('ionChange');
-    const select = page.locator('ion-select');
-
-    await select.click();
-    await ionAlertDidPresent.next();
-
-    const alert = page.locator('ion-alert');
-    const radioButtons = alert.locator('.alert-radio-button');
-    const confirmButton = alert.locator('.alert-button:not(.alert-button-role-cancel)');
-
-    await radioButtons.nth(0).click();
-    await confirmButton.click();
-
-    await ionChange.next();
-    expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
-  });
-
-  test('should fire ionChange when confirming a value from a popover', async ({ page }) => {
-    await page.setContent(`
-      <ion-select interface="popover">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-    const ionChange = await page.spyOnEvent('ionChange');
-    const select = page.locator('ion-select');
-
-    await select.click();
-    await ionPopoverDidPresent.next();
-
-    const popover = page.locator('ion-popover');
-    const radioButtons = popover.locator('ion-radio');
-
-    await radioButtons.nth(0).click();
-
-    await ionChange.next();
-    expect(ionChange).toHaveReceivedEventDetail({ value: 'apple', event: { isTrusted: true } });
-  });
-
-  test('should fire ionChange when confirming a value from an action sheet', async ({ page }) => {
-    await page.setContent(`
-      <ion-select interface="action-sheet">
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
-    const ionChange = await page.spyOnEvent('ionChange');
-    const select = page.locator('ion-select');
-
-    await select.click();
-    await ionActionSheetDidPresent.next();
-
-    const actionSheet = page.locator('ion-action-sheet');
-    const buttons = actionSheet.locator('.action-sheet-button');
-
-    await buttons.nth(0).click();
-
-    await ionChange.next();
-    expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
-  });
-
-  test('should not fire when programmatically setting a valid value', async ({ page }) => {
-    await page.setContent(`
-      <ion-select>
-        <ion-select-option value="apple">Apple</ion-select-option>
-        <ion-select-option value="banana">Banana</ion-select-option>
-      </ion-select>
-    `);
-
-    const ionChange = await page.spyOnEvent('ionChange');
-    const select = page.locator('ion-select');
-
-    await select.evaluate((el: HTMLIonSelectElement) => (el.value = 'banana'));
-    await expect(ionChange).not.toHaveReceivedEvent();
-  });
-});
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index dc69bd7974..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 29f014f073..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 7ed31bac0f..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 39b63c2cfa..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 38edf088d1..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 207f870582..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 7e8a06d658..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 3991956586..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index d9d8b0923d..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index c0e55b1671..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index d376ed6269..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 6ebc2b0232..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-action-sheet-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 1fb6258a57..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 682494abf9..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index ab31116372..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 7e24a8b561..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index efb91fff92..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 3d6eaa9b9d..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 97851e8e9a..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 6d5dda4bdc..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 491fcd832d..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index c4b7d0b9cd..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index e7d6174004..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index dd28f56b05..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index af7494360c..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index fca599aa54..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index e1eac7d58d..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 8f40d6624b..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 47cdcb8204..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 532036f337..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 4f9fe7cb97..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index fb5d761ba9..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 8572f36e51..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 3b6bd1058b..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index e9f5380e77..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 0d36d383d8..0000000000
Binary files a/core/src/components/select/test/legacy/basic/select.e2e-legacy.ts-snapshots/select-popover-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/basic/select.e2e.ts b/core/src/components/select/test/legacy/basic/select.e2e.ts
new file mode 100644
index 0000000000..7c4e8323d7
--- /dev/null
+++ b/core/src/components/select/test/legacy/basic/select.e2e.ts
@@ -0,0 +1,196 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: basic'), () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/src/components/select/test/legacy/basic', config);
+    });
+    test.describe('select: alert', () => {
+      test('it should open an alert select', async ({ page }) => {
+        const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+
+        await page.click('#customAlertSelect');
+
+        await ionAlertDidPresent.next();
+
+        await expect(page.locator('ion-alert')).toBeVisible();
+      });
+    });
+
+    test.describe('select: action sheet', () => {
+      test('it should open an action sheet select', async ({ page }) => {
+        const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
+
+        await page.click('#customActionSheetSelect');
+
+        await ionActionSheetDidPresent.next();
+
+        await expect(page.locator('ion-action-sheet')).toBeVisible();
+      });
+    });
+
+    test.describe('select: popover', () => {
+      test('it should open a popover select', async ({ page, browserName, skip }) => {
+        // TODO (FW-2979)
+        skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
+
+        const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
+
+        await page.click('#customPopoverSelect');
+
+        await ionPopoverDidPresent.next();
+
+        const popover = page.locator('ion-popover');
+
+        // TODO(FW-1436)
+        if (browserName !== 'firefox') {
+          // select has no value, so first option should be focused by default
+          const popoverOption1 = await popover.locator('.select-interface-option:first-of-type ion-radio');
+          await expect(popoverOption1).toBeFocused();
+        }
+
+        await expect(popover).toBeVisible();
+      });
+    });
+  });
+});
+
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: multiple selects'), () => {
+    test('should not open multiple alert windows when clicked multiple times', async ({ page }) => {
+      test.info().annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/25126',
+      });
+
+      await page.goto('/src/components/select/test/basic', config);
+
+      const select = page.locator('#gender');
+
+      await select.evaluate((el: HTMLSelectElement) => {
+        /*
+         * Playwright's click() method attempts to scroll to the handle
+         * to perform the action. That is problematic when the overlay
+         * is already visible. We manually click() the element instead
+         * to avoid flaky tests.
+         */
+        el.click();
+        el.click();
+        el.click();
+      });
+
+      const alerts = await page.$$('ion-alert');
+
+      expect(alerts.length).toBe(1);
+    });
+  });
+});
+
+/**
+ * ionChange has a consistent behavior across modes
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: ionChange'), () => {
+    test('should fire ionChange when confirming a value from an alert', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select interface="alert">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+      const ionChange = await page.spyOnEvent('ionChange');
+      const select = page.locator('ion-select');
+
+      await select.click();
+      await ionAlertDidPresent.next();
+
+      const alert = page.locator('ion-alert');
+      const radioButtons = alert.locator('.alert-radio-button');
+      const confirmButton = alert.locator('.alert-button:not(.alert-button-role-cancel)');
+
+      await radioButtons.nth(0).click();
+      await confirmButton.click();
+
+      await ionChange.next();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
+    });
+
+    test('should fire ionChange when confirming a value from a popover', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select interface="popover">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
+      const ionChange = await page.spyOnEvent('ionChange');
+      const select = page.locator('ion-select');
+
+      await select.click();
+      await ionPopoverDidPresent.next();
+
+      const popover = page.locator('ion-popover');
+      const radioButtons = popover.locator('ion-radio');
+
+      await radioButtons.nth(0).click();
+
+      await ionChange.next();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'apple', event: { isTrusted: true } });
+    });
+
+    test('should fire ionChange when confirming a value from an action sheet', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select interface="action-sheet">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
+      const ionChange = await page.spyOnEvent('ionChange');
+      const select = page.locator('ion-select');
+
+      await select.click();
+      await ionActionSheetDidPresent.next();
+
+      const actionSheet = page.locator('ion-action-sheet');
+      const buttons = actionSheet.locator('.action-sheet-button');
+
+      await buttons.nth(0).click();
+
+      await ionChange.next();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
+    });
+
+    test('should not fire when programmatically setting a valid value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select>
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const ionChange = await page.spyOnEvent('ionChange');
+      const select = page.locator('ion-select');
+
+      await select.evaluate((el: HTMLIonSelectElement) => (el.value = 'banana'));
+      await expect(ionChange).not.toHaveReceivedEvent();
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/compare-with/select.e2e-legacy.ts b/core/src/components/select/test/legacy/compare-with/select.e2e-legacy.ts
deleted file mode 100644
index 84cfd6ec22..0000000000
--- a/core/src/components/select/test/legacy/compare-with/select.e2e-legacy.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: compare-with', () => {
-  test('should correctly set value when using compareWith property', async ({ page, skip }) => {
-    skip.rtl('This is checking internal logic. RTL tests are not needed');
-
-    await page.goto('/src/components/select/test/legacy/compare-with');
-
-    const multipleSelect = page.locator('#multiple');
-    const singleSelect = page.locator('#single');
-
-    await expect(multipleSelect).toHaveJSProperty('value', [
-      {
-        label: 'selected by default',
-        value: '1',
-      },
-    ]);
-    await expect(singleSelect).toHaveJSProperty('value', {
-      label: 'selected by default',
-      value: '1',
-    });
-  });
-
-  test('should work with different parameter types', async ({ page }, testInfo) => {
-    test.skip(testInfo.project.metadata.rtl === true, 'This does not check LTR vs RTL layouts');
-    test.skip(testInfo.project.metadata.mode === 'md', 'This logic is the same across modes');
-    test.info().annotations.push({
-      type: 'issue',
-      description: 'https://github.com/ionic-team/ionic-framework/issues/25759',
-    });
-
-    await page.setContent(`
-      <ion-select value="3" placeholder="Please select"></ion-select>
-
-      <script>
-        const data = [
-          { id: 1, name: 'Option #1' },
-          { id: 2, name: 'Option #2' },
-          { id: 3, name: 'Option #3' },
-        ]
-        const select = document.querySelector('ion-select');
-        select.compareWith = (val1, val2) => {
-          // convert val1 to a number
-          return +val1 === val2;
-        }
-
-        data.forEach((d) => {
-          const el = document.createElement('ion-select-option');
-          el.value = d.id;
-          el.innerText = d.name;
-
-          select.appendChild(el);
-        });
-      </script>
-    `);
-    const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-
-    const select = page.locator('ion-select');
-    const selectLabel = select.locator('[part="text"]');
-
-    await expect(selectLabel).toHaveText('Option #3');
-
-    await select.click();
-    await ionAlertDidPresent.next();
-
-    const selectRadios = page.locator('ion-alert button.alert-radio');
-    await expect(selectRadios.nth(0)).toHaveAttribute('aria-checked', 'false');
-    await expect(selectRadios.nth(1)).toHaveAttribute('aria-checked', 'false');
-    await expect(selectRadios.nth(2)).toHaveAttribute('aria-checked', 'true');
-  });
-});
diff --git a/core/src/components/select/test/legacy/compare-with/select.e2e.ts b/core/src/components/select/test/legacy/compare-with/select.e2e.ts
new file mode 100644
index 0000000000..c22b6da257
--- /dev/null
+++ b/core/src/components/select/test/legacy/compare-with/select.e2e.ts
@@ -0,0 +1,76 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across modes/directions.
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: compare-with'), () => {
+    test('should correctly set value when using compareWith property', async ({ page }) => {
+      await page.goto('/src/components/select/test/legacy/compare-with', config);
+
+      const multipleSelect = page.locator('#multiple');
+      const singleSelect = page.locator('#single');
+
+      await expect(multipleSelect).toHaveJSProperty('value', [
+        {
+          label: 'selected by default',
+          value: '1',
+        },
+      ]);
+      await expect(singleSelect).toHaveJSProperty('value', {
+        label: 'selected by default',
+        value: '1',
+      });
+    });
+
+    test('should work with different parameter types', async ({ page }) => {
+      test.info().annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/25759',
+      });
+
+      await page.setContent(
+        `
+        <ion-select value="3" placeholder="Please select"></ion-select>
+
+        <script>
+          const data = [
+            { id: 1, name: 'Option #1' },
+            { id: 2, name: 'Option #2' },
+            { id: 3, name: 'Option #3' },
+          ]
+          const select = document.querySelector('ion-select');
+          select.compareWith = (val1, val2) => {
+            // convert val1 to a number
+            return +val1 === val2;
+          }
+
+          data.forEach((d) => {
+            const el = document.createElement('ion-select-option');
+            el.value = d.id;
+            el.innerText = d.name;
+
+            select.appendChild(el);
+          });
+        </script>
+      `,
+        config
+      );
+      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+
+      const select = page.locator('ion-select');
+      const selectLabel = select.locator('[part="text"]');
+
+      await expect(selectLabel).toHaveText('Option #3');
+
+      await select.click();
+      await ionAlertDidPresent.next();
+
+      const selectRadios = page.locator('ion-alert button.alert-radio');
+      await expect(selectRadios.nth(0)).toHaveAttribute('aria-checked', 'false');
+      await expect(selectRadios.nth(1)).toHaveAttribute('aria-checked', 'false');
+      await expect(selectRadios.nth(2)).toHaveAttribute('aria-checked', 'true');
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts b/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts
deleted file mode 100644
index 712e613d2e..0000000000
--- a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: custom', () => {
-  test('should not have visual regressions', async ({ page }) => {
-    await page.goto(`/src/components/select/test/legacy/custom`);
-
-    await expect(page).toHaveScreenshot(`select-custom-diff-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e.ts b/core/src/components/select/test/legacy/custom/custom.e2e.ts
new file mode 100644
index 0000000000..fb0cdfff57
--- /dev/null
+++ b/core/src/components/select/test/legacy/custom/custom.e2e.ts
@@ -0,0 +1,12 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs().forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: custom'), () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.goto(`/src/components/select/test/legacy/custom`, config);
+
+      await expect(page).toHaveScreenshot(screenshot(`select-custom-diff`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/custom/custom.e2e-legacy.ts-snapshots/select-custom-diff-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/custom/custom.e2e.ts-snapshots/select-custom-diff-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts b/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts
deleted file mode 100644
index f97a9a4644..0000000000
--- a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: single-value', () => {
-  test('should open single value select', async ({ page }) => {
-    await page.goto(`/src/components/select/test/legacy/single-value`);
-
-    const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-
-    await page.click('#gender');
-
-    await ionAlertDidPresent.next();
-
-    await expect(page).toHaveScreenshot(`select-single-value-diff-${page.getSnapshotSettings()}.png`, {
-      animations: 'disabled',
-    });
-  });
-});
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index e11ce3143c..0000000000
Binary files a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 1004d5003d..0000000000
Binary files a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index ea3a5b5671..0000000000
Binary files a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 3bdffc7ac9..0000000000
Binary files a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index d1cf5d8ee8..0000000000
Binary files a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index ede2e078af..0000000000
Binary files a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e.ts b/core/src/components/select/test/legacy/single-value/select.e2e.ts
new file mode 100644
index 0000000000..06d8dc8de3
--- /dev/null
+++ b/core/src/components/select/test/legacy/single-value/select.e2e.ts
@@ -0,0 +1,18 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: single-value'), () => {
+    test('should open single value select', async ({ page }) => {
+      await page.goto(`/src/components/select/test/legacy/single-value`, config);
+
+      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+
+      await page.click('#gender');
+
+      await ionAlertDidPresent.next();
+
+      await expect(page).toHaveScreenshot(screenshot(`select-single-value-diff`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/single-value/select.e2e.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts b/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts
deleted file mode 100644
index 52f9b1e884..0000000000
--- a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: spec', () => {
-  test('should not have visual regressions', async ({ page }) => {
-    await page.goto(`/src/components/select/test/legacy/spec`);
-
-    await page.setIonViewport();
-
-    await expect(page).toHaveScreenshot(`select-spec-diff-${page.getSnapshotSettings()}.png`, {
-      animations: 'disabled',
-    });
-  });
-});
diff --git a/core/src/components/select/test/legacy/spec/select.e2e.ts b/core/src/components/select/test/legacy/spec/select.e2e.ts
new file mode 100644
index 0000000000..df22e5d794
--- /dev/null
+++ b/core/src/components/select/test/legacy/spec/select.e2e.ts
@@ -0,0 +1,14 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs().forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: spec'), () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.goto(`/src/components/select/test/legacy/spec`, config);
+
+      await page.setIonViewport();
+
+      await expect(page).toHaveScreenshot(screenshot(`select-spec-diff`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/spec/select.e2e.ts-snapshots/select-spec-diff-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/standalone/select.e2e-legacy.ts b/core/src/components/select/test/legacy/standalone/select.e2e-legacy.ts
deleted file mode 100644
index da5849cf21..0000000000
--- a/core/src/components/select/test/legacy/standalone/select.e2e-legacy.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { test } from '@utils/test/playwright';
-
-test.describe('select: standalone', () => {
-  test('should open an overlay without ion-app', async ({ page }) => {
-    await page.goto(`/src/components/select/test/legacy/standalone`);
-    const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
-    const ionAlertDidDismiss = await page.spyOnEvent('ionAlertDidDismiss');
-
-    await page.click('#gender');
-
-    await ionAlertDidPresent.next();
-
-    const alert = page.locator('ion-alert');
-    await alert.evaluate((el: HTMLIonAlertElement) => el.dismiss());
-
-    await ionAlertDidDismiss.next();
-  });
-});
diff --git a/core/src/components/select/test/legacy/standalone/select.e2e.ts b/core/src/components/select/test/legacy/standalone/select.e2e.ts
new file mode 100644
index 0000000000..bfb7c8130a
--- /dev/null
+++ b/core/src/components/select/test/legacy/standalone/select.e2e.ts
@@ -0,0 +1,20 @@
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: standalone'), () => {
+    test('should open an overlay without ion-app', async ({ page }) => {
+      await page.goto(`/src/components/select/test/legacy/standalone`, config);
+      const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
+      const ionAlertDidDismiss = await page.spyOnEvent('ionAlertDidDismiss');
+
+      await page.click('#gender');
+
+      await ionAlertDidPresent.next();
+
+      const alert = page.locator('ion-alert');
+      await alert.evaluate((el: HTMLIonAlertElement) => el.dismiss());
+
+      await ionAlertDidDismiss.next();
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts b/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts
deleted file mode 100644
index c14ad3e42a..0000000000
--- a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: wrapping', () => {
-  test('should not wrap text by default', async ({ page, skip }) => {
-    skip.rtl();
-
-    await page.setContent(`
-      <ion-select value="nowrap" legacy="true">
-        <ion-select-option value="nowrap">Should not wrap when no label exists and no class is added to make the text wrap</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    await expect(select).toHaveScreenshot(`select-nowrap-${page.getSnapshotSettings()}.png`);
-  });
-
-  test('should wrap text with class', async ({ page, skip }) => {
-    skip.rtl();
-
-    await page.setContent(`
-      <ion-select value="wrap" legacy="true" class="ion-text-wrap">
-        <ion-select-option value="wrap">Should wrap when no label exists and really long text exists to make it wrap the text</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    await expect(select).toHaveScreenshot(`select-wrap-${page.getSnapshotSettings()}.png`);
-  });
-
-  test('should not wrap label while wrapping text with class', async ({ page, skip }) => {
-    skip.rtl();
-
-    await page.setContent(`
-      <ion-item>
-        <ion-label>Really long label should not wrap</ion-label>
-        <ion-select value="wrap" class="ion-text-wrap">
-          <ion-select-option value="wrap">Should wrap value only when label exists and really long text exists to make it wrap the text</ion-select-option>
-        </ion-select>
-      </ion-item>
-    `);
-
-    const select = page.locator('ion-item');
-    await expect(select).toHaveScreenshot(`select-wrap-with-label-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e.ts b/core/src/components/select/test/legacy/wrapping/select.e2e.ts
new file mode 100644
index 0000000000..fcf3a75018
--- /dev/null
+++ b/core/src/components/select/test/legacy/wrapping/select.e2e.ts
@@ -0,0 +1,51 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: wrapping'), () => {
+    test('should not wrap text by default', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select value="nowrap" legacy="true">
+          <ion-select-option value="nowrap">Should not wrap when no label exists and no class is added to make the text wrap</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      await expect(select).toHaveScreenshot(screenshot(`select-nowrap`));
+    });
+
+    test('should wrap text with class', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select value="wrap" legacy="true" class="ion-text-wrap">
+          <ion-select-option value="wrap">Should wrap when no label exists and really long text exists to make it wrap the text</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      await expect(select).toHaveScreenshot(screenshot(`select-wrap`));
+    });
+
+    test('should not wrap label while wrapping text with class', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-item>
+          <ion-label>Really long label should not wrap</ion-label>
+          <ion-select value="wrap" class="ion-text-wrap">
+            <ion-select-option value="wrap">Should wrap value only when label exists and really long text exists to make it wrap the text</ion-select-option>
+          </ion-select>
+        </ion-item>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-item');
+      await expect(select).toHaveScreenshot(screenshot(`select-wrap-with-label`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/legacy/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/legacy/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/popover-size/select.e2e-legacy.ts b/core/src/components/select/test/popover-size/select.e2e-legacy.ts
deleted file mode 100644
index 80dc91e160..0000000000
--- a/core/src/components/select/test/popover-size/select.e2e-legacy.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-import type { E2EPage } from '@utils/test/playwright';
-
-class SelectPopoverSizeFixture {
-  readonly page: E2EPage;
-
-  constructor(page: E2EPage) {
-    this.page = page;
-  }
-
-  async setContent(placement: string, fill?: string) {
-    const { page } = this;
-    const fillString = fill !== undefined ? ` fill=${fill}` : '';
-    await page.setContent(`
-      <ion-select interface="popover" label="My Label" label-placement="${placement}"${fillString}>
-        <ion-select-option value="apple">Apple</ion-select-option>
-      </ion-select>
-    `);
-  }
-
-  async openPopover() {
-    const { page } = this;
-
-    const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
-    await page.click('ion-select');
-
-    await ionPopoverDidPresent.next();
-  }
-
-  async expectPopoverSize(size: string) {
-    const { page } = this;
-
-    const popover = page.locator('ion-popover');
-
-    await expect(popover).toHaveJSProperty('size', size);
-  }
-}
-
-test.describe('select: popover sizing', () => {
-  test.beforeEach(async ({ skip }) => {
-    skip.rtl();
-  });
-
-  test('popover should have cover size with a floating label', async ({ page }) => {
-    const fixture = new SelectPopoverSizeFixture(page);
-
-    await fixture.setContent('floating');
-    await fixture.openPopover();
-    await fixture.expectPopoverSize('cover');
-  });
-
-  test('popover should have cover size with a stacked label', async ({ page }) => {
-    const fixture = new SelectPopoverSizeFixture(page);
-
-    await fixture.setContent('stacked');
-    await fixture.openPopover();
-    await fixture.expectPopoverSize('cover');
-  });
-
-  test('popover should have auto size with a start label', async ({ page }) => {
-    const fixture = new SelectPopoverSizeFixture(page);
-
-    await fixture.setContent('start');
-    await fixture.openPopover();
-    await fixture.expectPopoverSize('auto');
-  });
-
-  test('popover should have auto size with a end label', async ({ page }) => {
-    const fixture = new SelectPopoverSizeFixture(page);
-
-    await fixture.setContent('end');
-    await fixture.openPopover();
-    await fixture.expectPopoverSize('auto');
-  });
-
-  test('popover should have auto size with a fixed label', async ({ page }) => {
-    const fixture = new SelectPopoverSizeFixture(page);
-
-    await fixture.setContent('fixed');
-    await fixture.openPopover();
-    await fixture.expectPopoverSize('auto');
-  });
-
-  test('popover should have cover size with outline fill in MD', async ({ page, skip }) => {
-    skip.mode('ios');
-
-    const fixture = new SelectPopoverSizeFixture(page);
-
-    await fixture.setContent('start', 'outline');
-    await fixture.openPopover();
-    await fixture.expectPopoverSize('cover');
-  });
-
-  test('popover should have cover size with solid fill in MD', async ({ page, skip }) => {
-    skip.mode('ios');
-
-    const fixture = new SelectPopoverSizeFixture(page);
-
-    await fixture.setContent('start', 'solid');
-    await fixture.openPopover();
-    await fixture.expectPopoverSize('cover');
-  });
-});
diff --git a/core/src/components/select/test/popover-size/select.e2e.ts b/core/src/components/select/test/popover-size/select.e2e.ts
new file mode 100644
index 0000000000..24ad90cf41
--- /dev/null
+++ b/core/src/components/select/test/popover-size/select.e2e.ts
@@ -0,0 +1,105 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+import type { E2EPage, E2EPageOptions } from '@utils/test/playwright';
+
+class SelectPopoverSizeFixture {
+  readonly page: E2EPage;
+
+  constructor(page: E2EPage) {
+    this.page = page;
+  }
+
+  async setContent(config: E2EPageOptions, placement: string, fill?: string) {
+    const { page } = this;
+    const fillString = fill !== undefined ? ` fill=${fill}` : '';
+    await page.setContent(
+      `
+      <ion-select interface="popover" label="My Label" label-placement="${placement}"${fillString}>
+        <ion-select-option value="apple">Apple</ion-select-option>
+      </ion-select>
+    `,
+      config
+    );
+  }
+
+  async openPopover() {
+    const { page } = this;
+
+    const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
+    await page.click('ion-select');
+
+    await ionPopoverDidPresent.next();
+  }
+
+  async expectPopoverSize(size: string) {
+    const { page } = this;
+
+    const popover = page.locator('ion-popover');
+
+    await expect(popover).toHaveJSProperty('size', size);
+  }
+}
+
+configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: popover sizing'), () => {
+    test('popover should have cover size with a floating label', async ({ page }) => {
+      const fixture = new SelectPopoverSizeFixture(page);
+
+      await fixture.setContent(config, 'floating');
+      await fixture.openPopover();
+      await fixture.expectPopoverSize('cover');
+    });
+
+    test('popover should have cover size with a stacked label', async ({ page }) => {
+      const fixture = new SelectPopoverSizeFixture(page);
+
+      await fixture.setContent(config, 'stacked');
+      await fixture.openPopover();
+      await fixture.expectPopoverSize('cover');
+    });
+
+    test('popover should have auto size with a start label', async ({ page }) => {
+      const fixture = new SelectPopoverSizeFixture(page);
+
+      await fixture.setContent(config, 'start');
+      await fixture.openPopover();
+      await fixture.expectPopoverSize('auto');
+    });
+
+    test('popover should have auto size with a end label', async ({ page }) => {
+      const fixture = new SelectPopoverSizeFixture(page);
+
+      await fixture.setContent(config, 'end');
+      await fixture.openPopover();
+      await fixture.expectPopoverSize('auto');
+    });
+
+    test('popover should have auto size with a fixed label', async ({ page }) => {
+      const fixture = new SelectPopoverSizeFixture(page);
+
+      await fixture.setContent(config, 'fixed');
+      await fixture.openPopover();
+      await fixture.expectPopoverSize('auto');
+    });
+  });
+});
+
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select: popover sizing with fill'), () => {
+    test('popover should have cover size with outline fill in MD', async ({ page }) => {
+      const fixture = new SelectPopoverSizeFixture(page);
+
+      await fixture.setContent(config, 'start', 'outline');
+      await fixture.openPopover();
+      await fixture.expectPopoverSize('cover');
+    });
+
+    test('popover should have cover size with solid fill in MD', async ({ page }) => {
+      const fixture = new SelectPopoverSizeFixture(page);
+
+      await fixture.setContent(config, 'start', 'solid');
+      await fixture.openPopover();
+      await fixture.expectPopoverSize('cover');
+    });
+  });
+});
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 2027f96aca..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 3cc28678b7..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index fe73d1528e..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 0a35f46082..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 45abbe80b4..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 15a018032c..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 491bf712bd..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 6b06103674..0000000000
Binary files a/core/src/components/select/test/single-value/select.e2e-legacy.ts-snapshots/select-single-value-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 7475cd191a..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 3864176f18..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 3de9a61d40..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 9284eb8f08..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index e0bac9af80..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index a1ef0cdfc5..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 5436e82684..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 12544d6c35..0000000000
Binary files a/core/src/components/select/test/spec/select.e2e-legacy.ts-snapshots/select-spec-diff-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts b/core/src/components/select/test/states/select.e2e-legacy.ts
deleted file mode 100644
index 72c8f038c9..0000000000
--- a/core/src/components/select/test/states/select.e2e-legacy.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: states', () => {
-  test.beforeEach(({ skip }) => {
-    skip.rtl();
-  });
-  test('should render enabled select with a placeholder correctly', async ({ page }) => {
-    await page.setContent(`
-      <ion-select label="Favorite Fruit" placeholder="Select a fruit"></ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    expect(await select.screenshot()).toMatchSnapshot(`select-placeholder-${page.getSnapshotSettings()}.png`);
-  });
-
-  test('should render enabled select with a value correctly', async ({ page }) => {
-    await page.setContent(`
-      <ion-select label="Favorite Fruit" value="apples">
-        <ion-select-option value="apples">Apples</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    expect(await select.screenshot()).toMatchSnapshot(`select-value-${page.getSnapshotSettings()}.png`);
-  });
-
-  test('should render disabled select with a placeholder correctly', async ({ page }) => {
-    await page.setContent(`
-      <ion-select label="Favorite Fruit" placeholder="Select a fruit" disabled="true"></ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    expect(await select.screenshot()).toMatchSnapshot(`select-disabled-placeholder-${page.getSnapshotSettings()}.png`);
-  });
-
-  test('should render disabled select with a value correctly', async ({ page }) => {
-    await page.setContent(`
-      <ion-select label="Favorite Fruit" value="apples" disabled="true">
-        <ion-select-option value="apples">Apples</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    expect(await select.screenshot()).toMatchSnapshot(`select-disabled-value-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/select/test/states/select.e2e.ts b/core/src/components/select/test/states/select.e2e.ts
new file mode 100644
index 0000000000..82c1bcd121
--- /dev/null
+++ b/core/src/components/select/test/states/select.e2e.ts
@@ -0,0 +1,58 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: states'), () => {
+    test('should render enabled select with a placeholder correctly', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select label="Favorite Fruit" placeholder="Select a fruit"></ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-placeholder`));
+    });
+
+    test('should render enabled select with a value correctly', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select label="Favorite Fruit" value="apples">
+          <ion-select-option value="apples">Apples</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-value`));
+    });
+
+    test('should render disabled select with a placeholder correctly', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select label="Favorite Fruit" placeholder="Select a fruit" disabled="true"></ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-disabled-placeholder`));
+    });
+
+    test('should render disabled select with a value correctly', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select label="Favorite Fruit" value="apples" disabled="true">
+          <ion-select-option value="apples">Apples</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      expect(await select.screenshot()).toMatchSnapshot(screenshot(`select-disabled-value`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-placeholder-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-disabled-value-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-disabled-value-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-placeholder-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-placeholder-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/states/select.e2e-legacy.ts-snapshots/select-value-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/states/select.e2e.ts-snapshots/select-value-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts b/core/src/components/select/test/wrapping/select.e2e-legacy.ts
deleted file mode 100644
index b0cb52887c..0000000000
--- a/core/src/components/select/test/wrapping/select.e2e-legacy.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('select: wrapping', () => {
-  test('should not wrap text by default', async ({ page, skip }) => {
-    skip.rtl();
-
-    await page.setContent(`
-      <ion-select value="nowrap" aria-label="Should Not Wrap">
-        <ion-select-option value="nowrap">Should not wrap when no label exists and no class is added to make the text wrap</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    await expect(select).toHaveScreenshot(`select-nowrap-${page.getSnapshotSettings()}.png`);
-  });
-
-  test('should wrap text with class', async ({ page, skip }) => {
-    skip.rtl();
-
-    await page.setContent(`
-      <ion-select value="wrap" aria-label="Should Wrap" class="ion-text-wrap">
-        <ion-select-option value="wrap">Should wrap when no label exists and really long text exists to make it wrap the text</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    await expect(select).toHaveScreenshot(`select-wrap-${page.getSnapshotSettings()}.png`);
-  });
-
-  test('should not wrap label while wrapping text with class', async ({ page, skip }) => {
-    skip.rtl();
-
-    await page.setContent(`
-      <ion-select value="wrap" label="Really long label should not wrap" class="ion-text-wrap">
-        <ion-select-option value="wrap">Should wrap value only when label exists and really long text exists to make it wrap the text</ion-select-option>
-      </ion-select>
-    `);
-
-    const select = page.locator('ion-select');
-    await expect(select).toHaveScreenshot(`select-wrap-with-label-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/select/test/wrapping/select.e2e.ts b/core/src/components/select/test/wrapping/select.e2e.ts
new file mode 100644
index 0000000000..c399732cd4
--- /dev/null
+++ b/core/src/components/select/test/wrapping/select.e2e.ts
@@ -0,0 +1,48 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select: wrapping'), () => {
+    test('should not wrap text by default', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select value="nowrap" aria-label="Should Not Wrap">
+          <ion-select-option value="nowrap">Should not wrap when no label exists and no class is added to make the text wrap</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      await expect(select).toHaveScreenshot(screenshot(`select-nowrap`));
+    });
+
+    test('should wrap text with class', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select value="wrap" aria-label="Should Wrap" class="ion-text-wrap">
+          <ion-select-option value="wrap">Should wrap when no label exists and really long text exists to make it wrap the text</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      await expect(select).toHaveScreenshot(screenshot(`select-wrap`));
+    });
+
+    test('should not wrap label while wrapping text with class', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-select value="wrap" label="Really long label should not wrap" class="ion-text-wrap">
+          <ion-select-option value="wrap">Should wrap value only when label exists and really long text exists to make it wrap the text</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      const select = page.locator('ion-select');
+      await expect(select).toHaveScreenshot(screenshot(`select-wrap-with-label`));
+    });
+  });
+});
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-nowrap-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/wrapping/select.e2e-legacy.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/wrapping/select.e2e.ts-snapshots/select-wrap-with-label-md-ltr-Mobile-Safari-linux.png