diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts b/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts
deleted file mode 100644
index 2f1a9c4796..0000000000
--- a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('toolbar: basic', () => {
-  test('should not have visual regressions', async ({ page }) => {
-    await page.goto(`/src/components/toolbar/test/basic`);
-
-    // capture both header toolbars at once, but don't include all the white space in the ion-content
-    const header = page.locator('ion-header');
-    await expect(header).toHaveScreenshot(`toolbar-basic-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts b/core/src/components/toolbar/test/basic/toolbar.e2e.ts
new file mode 100644
index 0000000000..d830dc0360
--- /dev/null
+++ b/core/src/components/toolbar/test/basic/toolbar.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('toolbar: basic'), () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.goto(`/src/components/toolbar/test/basic`, config);
+
+      // capture both header toolbars at once, but don't include all the white space in the ion-content
+      const header = page.locator('ion-header');
+      await expect(header).toHaveScreenshot(screenshot(`toolbar-basic`));
+    });
+  });
+});
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Chrome-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Firefox-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Safari-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-rtl-Mobile-Chrome-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Chrome-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-rtl-Mobile-Firefox-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Firefox-linux.png
diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/basic/toolbar.e2e-legacy.ts-snapshots/toolbar-basic-md-rtl-Mobile-Safari-linux.png
rename to core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Safari-linux.png
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts b/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts
deleted file mode 100644
index 1cbb101b09..0000000000
--- a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { expect } from '@playwright/test';
-import { test } from '@utils/test/playwright';
-
-test.describe('toolbar: colors', () => {
-  test('should not have visual regressions', async ({ page }) => {
-    await page.goto(`/src/components/toolbar/test/colors`);
-
-    await page.setIonViewport();
-
-    await expect(page).toHaveScreenshot(`toolbar-colors-${page.getSnapshotSettings()}.png`);
-  });
-});
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index b159d0b30a..0000000000
Binary files a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index df82814fb9..0000000000
Binary files a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 84591750da..0000000000
Binary files a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index a814ff6fce..0000000000
Binary files a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 8d6a1b6ab6..0000000000
Binary files a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 263c274b18..0000000000
Binary files a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts b/core/src/components/toolbar/test/colors/toolbar.e2e.ts
new file mode 100644
index 0000000000..576f794c66
--- /dev/null
+++ b/core/src/components/toolbar/test/colors/toolbar.e2e.ts
@@ -0,0 +1,17 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across directions.
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('toolbar: colors'), () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.goto(`/src/components/toolbar/test/colors`, config);
+
+      await page.setIonViewport();
+
+      await expect(page).toHaveScreenshot(screenshot(`toolbar-colors`));
+    });
+  });
+});
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/toolbar/test/colors/toolbar.e2e-legacy.ts-snapshots/toolbar-colors-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Safari-linux.png