diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts b/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts deleted file mode 100644 index fca4323acb..0000000000 --- a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts +++ /dev/null @@ -1,32 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tab-bar: basic', () => { - test.beforeEach(({ skip }) => { - skip.rtl(); - skip.mode('md', 'Translucent is only available in iOS mode'); - }); - test('should render tab bar', async ({ page }) => { - await page.setContent(` - - - Recents - - - - - Favorites - 23 - - - - Settings - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-bar-basic-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Chrome-linux.png deleted file mode 100644 index e4fcf20c7c..0000000000 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Firefox-linux.png deleted file mode 100644 index 02055f88e6..0000000000 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Safari-linux.png deleted file mode 100644 index 43a1892209..0000000000 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e-legacy.ts-snapshots/tab-bar-basic-ios-ltr-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts b/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts deleted file mode 100644 index 15f9f2705b..0000000000 --- a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tab-bar: custom', () => { - test.beforeEach(({ skip }) => { - skip.rtl(); - }); - test('should render custom tab bar', async ({ page }) => { - await page.goto('/src/components/tab-bar/test/custom'); - - const tabBar = page.locator('ion-tab-bar.custom-all'); - - await expect(tabBar).toHaveScreenshot(`tab-bar-custom-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts new file mode 100644 index 0000000000..fcd47a0a3a --- /dev/null +++ b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts @@ -0,0 +1,14 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('tab-bar: custom'), () => { + test('should render custom tab bar', async ({ page }) => { + await page.goto('/src/components/tab-bar/test/custom', config); + + const tabBar = page.locator('ion-tab-bar.custom-all'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-custom`)); + }); + }); +}); diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-bar/test/custom/tab-bar.e2e-legacy.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-bar/test/custom/tab-bar.e2e.ts-snapshots/tab-bar-custom-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-bar/test/translucent/tab-bar.e2e-legacy.ts b/core/src/components/tab-bar/test/translucent/tab-bar.e2e-legacy.ts deleted file mode 100644 index 1d19f3faf7..0000000000 --- a/core/src/components/tab-bar/test/translucent/tab-bar.e2e-legacy.ts +++ /dev/null @@ -1,37 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tab-bar: translucent', () => { - test.beforeEach(({ skip }) => { - skip.rtl(); - skip.mode('md', 'Translucent is only available in iOS mode'); - skip.browser('firefox', 'Firefox does not support translucent effect'); - }); - test('should render translucent tab bar', async ({ page }) => { - await page.setContent(` - - - - Recents - - - - Favorites - 23 - - - - Settings - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-bar-translucent-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/tab-bar/test/translucent/tab-bar.e2e.ts b/core/src/components/tab-bar/test/translucent/tab-bar.e2e.ts new file mode 100644 index 0000000000..fedd12f046 --- /dev/null +++ b/core/src/components/tab-bar/test/translucent/tab-bar.e2e.ts @@ -0,0 +1,43 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +/** + * Translucent is only available in iOS mode + */ +configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('tab-bar: translucent'), () => { + test.beforeEach(({ skip }) => { + skip.browser('firefox', 'Firefox does not support translucent effect'); + }); + test('should render translucent tab bar', async ({ page }) => { + await page.setContent( + ` + + + + Recents + + + + Favorites + 23 + + + + Settings + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-translucent`)); + }); + }); +}); diff --git a/core/src/components/tab-bar/test/translucent/tab-bar.e2e-legacy.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/translucent/tab-bar.e2e.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-bar/test/translucent/tab-bar.e2e-legacy.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-bar/test/translucent/tab-bar.e2e.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-bar/test/translucent/tab-bar.e2e-legacy.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/translucent/tab-bar.e2e.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-bar/test/translucent/tab-bar.e2e-legacy.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-bar/test/translucent/tab-bar.e2e.ts-snapshots/tab-bar-translucent-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/a11y/tab-button.e2e-legacy.ts b/core/src/components/tab-button/test/a11y/tab-button.e2e-legacy.ts deleted file mode 100644 index 3b5f4852a3..0000000000 --- a/core/src/components/tab-button/test/a11y/tab-button.e2e-legacy.ts +++ /dev/null @@ -1,13 +0,0 @@ -import AxeBuilder from '@axe-core/playwright'; -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tab-button: a11y', () => { - test('should not have any axe violations', async ({ page }) => { - await page.goto('/src/components/tab-button/test/a11y'); - - // TODO FW-3604 - const results = await new AxeBuilder({ page }).disableRules('color-contrast').analyze(); - expect(results.violations).toEqual([]); - }); -}); diff --git a/core/src/components/tab-button/test/a11y/tab-button.e2e.ts b/core/src/components/tab-button/test/a11y/tab-button.e2e.ts new file mode 100644 index 0000000000..d33365613d --- /dev/null +++ b/core/src/components/tab-button/test/a11y/tab-button.e2e.ts @@ -0,0 +1,15 @@ +import AxeBuilder from '@axe-core/playwright'; +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs().forEach(({ title, config }) => { + test.describe(title('tab-button: a11y'), () => { + test('should not have any axe violations', async ({ page }) => { + await page.goto('/src/components/tab-button/test/a11y', config); + + // TODO FW-3604 + const results = await new AxeBuilder({ page }).disableRules('color-contrast').analyze(); + expect(results.violations).toEqual([]); + }); + }); +}); diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts b/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts deleted file mode 100644 index 85f4814e05..0000000000 --- a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts +++ /dev/null @@ -1,85 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tab-button: basic', () => { - test('should render tab button with label', async ({ page }) => { - await page.setContent(` - - - Recents - - - - Favorites - 23 - - - - Settings - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-label-${page.getSnapshotSettings()}.png`); - }); - - test('should render tab button with badges', async ({ page }) => { - await page.setContent(` - - - - Favorites - - - - - - - - - - - - - - 47 - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-badge-${page.getSnapshotSettings()}.png`); - }); - - test('should render tab button with icons', async ({ page }) => { - await page.setContent(` - - - - Favorites - - - - - - - - - - - - - - 47 - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-badge-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e.ts b/core/src/components/tab-button/test/basic/tab-button.e2e.ts new file mode 100644 index 0000000000..0208f8bfab --- /dev/null +++ b/core/src/components/tab-button/test/basic/tab-button.e2e.ts @@ -0,0 +1,96 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('tab-button: basic'), () => { + test('should render tab button with label', async ({ page }) => { + await page.setContent( + ` + + + Recents + + + + Favorites + 23 + + + + Settings + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-label`)); + }); + + test('should render tab button with badges', async ({ page }) => { + await page.setContent( + ` + + + + Favorites + + + + + + + + + + + + + + 47 + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-badge`)); + }); + + test('should render tab button with icons', async ({ page }) => { + await page.setContent( + ` + + + + Favorites + + + + + + + + + + + + + + 47 + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-badge`)); + }); + }); +}); diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-badge-md-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/basic/tab-button.e2e-legacy.ts-snapshots/tab-button-label-md-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts b/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts deleted file mode 100644 index a3e907ee7c..0000000000 --- a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts +++ /dev/null @@ -1,133 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tab-button: basic', () => { - test('should render tab button with icons left of text', async ({ page }) => { - await page.setContent(` - - - Recents - - 12 - - - - Favorites - - - - - Settings - - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-icon-left-${page.getSnapshotSettings()}.png`); - }); - - test('should render tab button with icons right of text', async ({ page }) => { - await page.setContent(` - - - Recents - - - - - Favorites - - 33 - - - - Settings - - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-icon-right-${page.getSnapshotSettings()}.png`); - }); - - test('should render tab button with icons below text', async ({ page }) => { - await page.setContent(` - - - Recents - - - - - 16 - Favorites - - - - - Settings - - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-icon-below-${page.getSnapshotSettings()}.png`); - }); - - test('should render tab button with icons on top of text', async ({ page }) => { - await page.setContent(` - - - Location - - - - - 44 - - - - - Radio - - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-icon-top-${page.getSnapshotSettings()}.png`); - }); - - test('should render tab button with no icons', async ({ page }) => { - await page.setContent(` - - - Recents - - - - - Favorites - - - - - Settings - - 2 - - - `); - - const tabBar = page.locator('ion-tab-bar'); - - await expect(tabBar).toHaveScreenshot(`tab-button-no-icon-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e.ts b/core/src/components/tab-button/test/layout/tab-button.e2e.ts new file mode 100644 index 0000000000..9e61c4521b --- /dev/null +++ b/core/src/components/tab-button/test/layout/tab-button.e2e.ts @@ -0,0 +1,150 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs().forEach(({ title, screenshot, config }) => { + test.describe(title('tab-button: basic'), () => { + test('should render tab button with icons left of text', async ({ page }) => { + await page.setContent( + ` + + + Recents + + 12 + + + + Favorites + + + + + Settings + + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-icon-left`)); + }); + + test('should render tab button with icons right of text', async ({ page }) => { + await page.setContent( + ` + + + Recents + + + + + Favorites + + 33 + + + + Settings + + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-icon-right`)); + }); + + test('should render tab button with icons below text', async ({ page }) => { + await page.setContent( + ` + + + Recents + + + + + 16 + Favorites + + + + + Settings + + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-icon-below`)); + }); + + test('should render tab button with icons on top of text', async ({ page }) => { + await page.setContent( + ` + + + Location + + + + + 44 + + + + + Radio + + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-icon-top`)); + }); + + test('should render tab button with no icons', async ({ page }) => { + await page.setContent( + ` + + + Recents + + + + + Favorites + + + + + Settings + + 2 + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + + await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-no-icon`)); + }); + }); +}); diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-below-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-top-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-ios-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Chrome-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Chrome-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Firefox-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Firefox-linux.png diff --git a/core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Safari-linux.png b/core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tab-button/test/layout/tab-button.e2e-legacy.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Safari-linux.png rename to core/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-no-icon-md-rtl-Mobile-Safari-linux.png diff --git a/core/src/components/tabs/test/basic/tabs.e2e-legacy.ts b/core/src/components/tabs/test/basic/tabs.e2e-legacy.ts deleted file mode 100644 index 464fc3a842..0000000000 --- a/core/src/components/tabs/test/basic/tabs.e2e-legacy.ts +++ /dev/null @@ -1,38 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tabs: basic', () => { - test('should show correct tab when clicking the tab button', async ({ page, skip }) => { - skip.rtl(); - skip.mode('ios'); - await page.goto('/src/components/tabs/test/basic'); - - const tabOne = page.locator('ion-tab[tab="tab-one"]'); - const tabTwo = page.locator('ion-tab[tab="schedule"]'); - - // The tab button for tab 3 is disabled so this is never visible - const tabThree = page.locator('ion-tab[tab="tab-three"]'); - - // Tab Four renders a nested web component - const tabFour = page.locator('ion-tab[tab="tab-four"] page-one'); - - await expect(tabOne).toBeVisible(); - await expect(tabTwo).toBeHidden(); - await expect(tabThree).toBeHidden(); - await expect(tabFour).toBeHidden(); - - await page.click('ion-tab-button[tab="schedule"]'); - - await expect(tabOne).toBeHidden(); - await expect(tabTwo).toBeVisible(); - await expect(tabThree).toBeHidden(); - await expect(tabFour).toBeHidden(); - - await page.click('ion-tab-button[tab="tab-four"]'); - - await expect(tabOne).toBeHidden(); - await expect(tabTwo).toBeHidden(); - await expect(tabThree).toBeHidden(); - await expect(tabFour).toBeVisible(); - }); -}); diff --git a/core/src/components/tabs/test/basic/tabs.e2e.ts b/core/src/components/tabs/test/basic/tabs.e2e.ts new file mode 100644 index 0000000000..65e487784b --- /dev/null +++ b/core/src/components/tabs/test/basic/tabs.e2e.ts @@ -0,0 +1,38 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => { + test.describe(title('tabs: basic'), () => { + test('should show correct tab when clicking the tab button', async ({ page }) => { + await page.goto('/src/components/tabs/test/basic', config); + + const tabOne = page.locator('ion-tab[tab="tab-one"]'); + const tabTwo = page.locator('ion-tab[tab="schedule"]'); + + // The tab button for tab 3 is disabled so this is never visible + const tabThree = page.locator('ion-tab[tab="tab-three"]'); + + // Tab Four renders a nested web component + const tabFour = page.locator('ion-tab[tab="tab-four"] page-one'); + + await expect(tabOne).toBeVisible(); + await expect(tabTwo).toBeHidden(); + await expect(tabThree).toBeHidden(); + await expect(tabFour).toBeHidden(); + + await page.click('ion-tab-button[tab="schedule"]'); + + await expect(tabOne).toBeHidden(); + await expect(tabTwo).toBeVisible(); + await expect(tabThree).toBeHidden(); + await expect(tabFour).toBeHidden(); + + await page.click('ion-tab-button[tab="tab-four"]'); + + await expect(tabOne).toBeHidden(); + await expect(tabTwo).toBeHidden(); + await expect(tabThree).toBeHidden(); + await expect(tabFour).toBeVisible(); + }); + }); +}); diff --git a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts b/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts deleted file mode 100644 index 692d885603..0000000000 --- a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts +++ /dev/null @@ -1,40 +0,0 @@ -import { expect } from '@playwright/test'; -import { test } from '@utils/test/playwright'; - -test.describe('tabs: placement', () => { - test.beforeEach(async ({ page, skip }) => { - skip.rtl(); - skip.mode('ios'); - - await page.setViewportSize({ - width: 300, - height: 200, - }); - }); - test('should show tab bar at the top of tabs', async ({ page }) => { - await page.setContent(` - - My Content - - One - - - `); - - const tabs = page.locator('ion-tabs'); - await expect(tabs).toHaveScreenshot(`tabs-tab-bar-top-${page.getSnapshotSettings()}.png`); - }); - test('should show tab bar at the bottom of tabs', async ({ page }) => { - await page.setContent(` - - My Content - - One - - - `); - - const tabs = page.locator('ion-tabs'); - await expect(tabs).toHaveScreenshot(`tabs-tab-bar-bottom-${page.getSnapshotSettings()}.png`); - }); -}); diff --git a/core/src/components/tabs/test/placements/tabs.e2e.ts b/core/src/components/tabs/test/placements/tabs.e2e.ts new file mode 100644 index 0000000000..f43e8b2824 --- /dev/null +++ b/core/src/components/tabs/test/placements/tabs.e2e.ts @@ -0,0 +1,45 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('tabs: placement'), () => { + test.beforeEach(async ({ page }) => { + await page.setViewportSize({ + width: 300, + height: 200, + }); + }); + test('should show tab bar at the top of tabs', async ({ page }) => { + await page.setContent( + ` + + My Content + + One + + + `, + config + ); + + const tabs = page.locator('ion-tabs'); + await expect(tabs).toHaveScreenshot(screenshot(`tabs-tab-bar-top`)); + }); + test('should show tab bar at the bottom of tabs', async ({ page }) => { + await page.setContent( + ` + + My Content + + One + + + `, + config + ); + + const tabs = page.locator('ion-tabs'); + await expect(tabs).toHaveScreenshot(screenshot(`tabs-tab-bar-bottom`)); + }); + }); +}); diff --git a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Safari-linux.png b/core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-bottom-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Chrome-linux.png similarity index 100% rename from core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Chrome-linux.png rename to core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Chrome-linux.png diff --git a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Firefox-linux.png similarity index 100% rename from core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Firefox-linux.png rename to core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Firefox-linux.png diff --git a/core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Safari-linux.png b/core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Safari-linux.png similarity index 100% rename from core/src/components/tabs/test/placements/tabs.e2e-legacy.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Safari-linux.png rename to core/src/components/tabs/test/placements/tabs.e2e.ts-snapshots/tabs-tab-bar-top-md-ltr-Mobile-Safari-linux.png