diff --git a/core/src/components/avatar/test/standalone/e2e.js b/core/src/components/avatar/test/standalone/e2e.js
deleted file mode 100644
index b82bcbbb8c..0000000000
--- a/core/src/components/avatar/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/avatar/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('avatar/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/avatar/test/standalone/e2e.ts b/core/src/components/avatar/test/standalone/e2e.ts
new file mode 100644
index 0000000000..8264ce12b0
--- /dev/null
+++ b/core/src/components/avatar/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('avatar: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/avatar/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/badge/test/basic/e2e.js b/core/src/components/badge/test/basic/e2e.js
deleted file mode 100644
index 4a1cea99e8..0000000000
--- a/core/src/components/badge/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/badge/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('badge/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/badge/test/basic/e2e.ts b/core/src/components/badge/test/basic/e2e.ts
new file mode 100644
index 0000000000..fd16cb7d5d
--- /dev/null
+++ b/core/src/components/badge/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('badge: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/badge/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/badge/test/standalone/e2e.js b/core/src/components/badge/test/standalone/e2e.js
deleted file mode 100644
index 02e6055444..0000000000
--- a/core/src/components/badge/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/badge/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('badge/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/badge/test/standalone/e2e.ts b/core/src/components/badge/test/standalone/e2e.ts
new file mode 100644
index 0000000000..dffab7fd62
--- /dev/null
+++ b/core/src/components/badge/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('badge: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/badge/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/anchor/e2e.js b/core/src/components/button/test/anchor/e2e.js
deleted file mode 100644
index 9488e35688..0000000000
--- a/core/src/components/button/test/anchor/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/anchor?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/anchor', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/anchor/e2e.ts b/core/src/components/button/test/anchor/e2e.ts
new file mode 100644
index 0000000000..95ebe0ffa7
--- /dev/null
+++ b/core/src/components/button/test/anchor/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: anchor', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/anchor?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/basic/e2e.js b/core/src/components/button/test/basic/e2e.js
deleted file mode 100644
index 6a2067539e..0000000000
--- a/core/src/components/button/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/basic/e2e.ts b/core/src/components/button/test/basic/e2e.ts
new file mode 100644
index 0000000000..a26e808e6d
--- /dev/null
+++ b/core/src/components/button/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/clear/e2e.js b/core/src/components/button/test/clear/e2e.js
deleted file mode 100644
index a3505e893b..0000000000
--- a/core/src/components/button/test/clear/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/clear?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/clear', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/clear/e2e.ts b/core/src/components/button/test/clear/e2e.ts
new file mode 100644
index 0000000000..9e48bdc6fc
--- /dev/null
+++ b/core/src/components/button/test/clear/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: clear', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/clear?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/expand/e2e.js b/core/src/components/button/test/expand/e2e.js
deleted file mode 100644
index b7c8f7e72f..0000000000
--- a/core/src/components/button/test/expand/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/expand?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/expand', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/expand/e2e.ts b/core/src/components/button/test/expand/e2e.ts
new file mode 100644
index 0000000000..720258c584
--- /dev/null
+++ b/core/src/components/button/test/expand/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: expand', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/expand?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/icon/e2e.js b/core/src/components/button/test/icon/e2e.js
deleted file mode 100644
index ec4f94981e..0000000000
--- a/core/src/components/button/test/icon/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/icon?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/icon', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/icon/e2e.ts b/core/src/components/button/test/icon/e2e.ts
new file mode 100644
index 0000000000..941f556f73
--- /dev/null
+++ b/core/src/components/button/test/icon/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: icon', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/icon?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/outline/e2e.js b/core/src/components/button/test/outline/e2e.js
deleted file mode 100644
index 1a3d284890..0000000000
--- a/core/src/components/button/test/outline/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/outline?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/outline', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/outline/e2e.ts b/core/src/components/button/test/outline/e2e.ts
new file mode 100644
index 0000000000..e4f80897f8
--- /dev/null
+++ b/core/src/components/button/test/outline/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: outline', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/outline?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/round/e2e.js b/core/src/components/button/test/round/e2e.js
deleted file mode 100644
index 80636b1733..0000000000
--- a/core/src/components/button/test/round/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/round?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/round', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/round/e2e.ts b/core/src/components/button/test/round/e2e.ts
new file mode 100644
index 0000000000..a502b467d2
--- /dev/null
+++ b/core/src/components/button/test/round/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: round', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/round?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/size/e2e.js b/core/src/components/button/test/size/e2e.js
deleted file mode 100644
index 8c655aa189..0000000000
--- a/core/src/components/button/test/size/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/size?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/size', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/size/e2e.ts b/core/src/components/button/test/size/e2e.ts
new file mode 100644
index 0000000000..8306333846
--- /dev/null
+++ b/core/src/components/button/test/size/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: size', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/size?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/standalone/e2e.js b/core/src/components/button/test/standalone/e2e.js
deleted file mode 100644
index cdeafba647..0000000000
--- a/core/src/components/button/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/button/test/standalone/e2e.ts b/core/src/components/button/test/standalone/e2e.ts
new file mode 100644
index 0000000000..f0c545d5fe
--- /dev/null
+++ b/core/src/components/button/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/strong/e2e.js b/core/src/components/button/test/strong/e2e.js
deleted file mode 100644
index 7636587e4b..0000000000
--- a/core/src/components/button/test/strong/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/strong?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/strong', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/strong/e2e.ts b/core/src/components/button/test/strong/e2e.ts
new file mode 100644
index 0000000000..0336fcd857
--- /dev/null
+++ b/core/src/components/button/test/strong/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: strong', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/strong?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/button/test/toolbar/e2e.js b/core/src/components/button/test/toolbar/e2e.js
deleted file mode 100644
index 4e33025b24..0000000000
--- a/core/src/components/button/test/toolbar/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/button/test/toolbar?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('button/toolbar', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/button/test/toolbar/e2e.ts b/core/src/components/button/test/toolbar/e2e.ts
new file mode 100644
index 0000000000..75caf84f87
--- /dev/null
+++ b/core/src/components/button/test/toolbar/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('button: toolbar', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/button/test/toolbar?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/card/test/basic/e2e.js b/core/src/components/card/test/basic/e2e.js
deleted file mode 100644
index 7106205172..0000000000
--- a/core/src/components/card/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/card/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('card/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/card/test/basic/e2e.ts b/core/src/components/card/test/basic/e2e.ts
new file mode 100644
index 0000000000..da928e86fc
--- /dev/null
+++ b/core/src/components/card/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('card: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/card/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/card/test/standalone/e2e.js b/core/src/components/card/test/standalone/e2e.js
deleted file mode 100644
index f1bf6dc953..0000000000
--- a/core/src/components/card/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/card/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('card/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/card/test/standalone/e2e.ts b/core/src/components/card/test/standalone/e2e.ts
new file mode 100644
index 0000000000..dbe9bcf381
--- /dev/null
+++ b/core/src/components/card/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('card: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/card/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/checkbox/test/basic/e2e.js b/core/src/components/checkbox/test/basic/e2e.js
deleted file mode 100644
index 52135aa995..0000000000
--- a/core/src/components/checkbox/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/checkbox/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('checkbox/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/checkbox/test/basic/e2e.ts b/core/src/components/checkbox/test/basic/e2e.ts
new file mode 100644
index 0000000000..f921beec3b
--- /dev/null
+++ b/core/src/components/checkbox/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('checkbox: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/checkbox/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/checkbox/test/standalone/e2e.js b/core/src/components/checkbox/test/standalone/e2e.js
deleted file mode 100644
index 5eaa963aaf..0000000000
--- a/core/src/components/checkbox/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/checkbox/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('checkbox/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/checkbox/test/standalone/e2e.ts b/core/src/components/checkbox/test/standalone/e2e.ts
new file mode 100644
index 0000000000..02a89ff6b9
--- /dev/null
+++ b/core/src/components/checkbox/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('checkbox: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/checkbox/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/chip/test/basic/e2e.js b/core/src/components/chip/test/basic/e2e.js
deleted file mode 100644
index df9b29e80e..0000000000
--- a/core/src/components/chip/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/chip/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('chip/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/chip/test/basic/e2e.ts b/core/src/components/chip/test/basic/e2e.ts
new file mode 100644
index 0000000000..548931f26b
--- /dev/null
+++ b/core/src/components/chip/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('chip: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/chip/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/chip/test/standalone/e2e.js b/core/src/components/chip/test/standalone/e2e.js
deleted file mode 100644
index 960a7e4293..0000000000
--- a/core/src/components/chip/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/chip/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('chip/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/chip/test/standalone/e2e.ts b/core/src/components/chip/test/standalone/e2e.ts
new file mode 100644
index 0000000000..2c5d00c976
--- /dev/null
+++ b/core/src/components/chip/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('chip: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/chip/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/content/test/basic/e2e.js b/core/src/components/content/test/basic/e2e.js
deleted file mode 100644
index f63da433a5..0000000000
--- a/core/src/components/content/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/content/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('content/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/content/test/basic/e2e.ts b/core/src/components/content/test/basic/e2e.ts
new file mode 100644
index 0000000000..200a70120b
--- /dev/null
+++ b/core/src/components/content/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('content: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/content/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/content/test/fullscreen/e2e.js b/core/src/components/content/test/fullscreen/e2e.js
deleted file mode 100644
index d783001a7c..0000000000
--- a/core/src/components/content/test/fullscreen/e2e.js
+++ /dev/null
@@ -1,30 +0,0 @@
-
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/select/test/fullscreen?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('select/fullscreen', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#gender');
-    });
-
-    register('should open gender single select', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.present('#gender', { waitFor: '.alert-wrapper' });
-    });
-
-    register('should open custom action sheet select', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.present('#customSelect', { waitFor: '.action-sheet-wrapper' });
-    });
-  });
-});
diff --git a/core/src/components/content/test/fullscreen/e2e.ts b/core/src/components/content/test/fullscreen/e2e.ts
new file mode 100644
index 0000000000..eab9ec4407
--- /dev/null
+++ b/core/src/components/content/test/fullscreen/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('content: fullscreen', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/content/test/fullscreen?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/content/test/standalone/e2e.js b/core/src/components/content/test/standalone/e2e.js
deleted file mode 100644
index b010644a97..0000000000
--- a/core/src/components/content/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/content/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('content/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/content/test/standalone/e2e.ts b/core/src/components/content/test/standalone/e2e.ts
new file mode 100644
index 0000000000..8c0f52f0dd
--- /dev/null
+++ b/core/src/components/content/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('content: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/content/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/fab-button/test/standalone/e2e.ts b/core/src/components/fab-button/test/standalone/e2e.ts
index f29424c23e..744362d6e0 100644
--- a/core/src/components/fab-button/test/standalone/e2e.ts
+++ b/core/src/components/fab-button/test/standalone/e2e.ts
@@ -7,3 +7,4 @@ it('fab-button: standalone', async () => {
 
   const compare = await page.compareScreenshot();
   expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/grid/test/basic/e2e.js b/core/src/components/grid/test/basic/e2e.js
deleted file mode 100644
index 40a3636c79..0000000000
--- a/core/src/components/grid/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/grid/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('grid/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/grid/test/basic/e2e.ts b/core/src/components/grid/test/basic/e2e.ts
new file mode 100644
index 0000000000..a3d6acebca
--- /dev/null
+++ b/core/src/components/grid/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('grid: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/grid/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/grid/test/offsets/e2e.js b/core/src/components/grid/test/offsets/e2e.js
deleted file mode 100644
index f59a75bac0..0000000000
--- a/core/src/components/grid/test/offsets/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/grid/test/offsets?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('grid/offsets', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/grid/test/offsets/e2e.ts b/core/src/components/grid/test/offsets/e2e.ts
new file mode 100644
index 0000000000..523c30d8e4
--- /dev/null
+++ b/core/src/components/grid/test/offsets/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('grid: offsets', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/grid/test/offsets?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/grid/test/padding/e2e.js b/core/src/components/grid/test/padding/e2e.js
deleted file mode 100644
index 8903eba24e..0000000000
--- a/core/src/components/grid/test/padding/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/grid/test/padding?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('grid/padding', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/grid/test/padding/e2e.ts b/core/src/components/grid/test/padding/e2e.ts
new file mode 100644
index 0000000000..bc0295cfa8
--- /dev/null
+++ b/core/src/components/grid/test/padding/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('grid: padding', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/grid/test/padding?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/grid/test/sizes/e2e.js b/core/src/components/grid/test/sizes/e2e.js
deleted file mode 100644
index d58bee6f87..0000000000
--- a/core/src/components/grid/test/sizes/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/grid/test/sizes?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('grid/sizes', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/grid/test/sizes/e2e.ts b/core/src/components/grid/test/sizes/e2e.ts
new file mode 100644
index 0000000000..74ff7cba43
--- /dev/null
+++ b/core/src/components/grid/test/sizes/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('grid: sizes', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/grid/test/sizes?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/grid/test/standalone/e2e.js b/core/src/components/grid/test/standalone/e2e.js
deleted file mode 100644
index 3a865568f3..0000000000
--- a/core/src/components/grid/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/grid/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('grid/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/grid/test/standalone/e2e.ts b/core/src/components/grid/test/standalone/e2e.ts
new file mode 100644
index 0000000000..f4afb42ed5
--- /dev/null
+++ b/core/src/components/grid/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('grid: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/grid/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/icon/test/basic/e2e.js b/core/src/components/icon/test/basic/e2e.js
deleted file mode 100644
index 37844858c4..0000000000
--- a/core/src/components/icon/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/icon/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('icon/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/icon/test/basic/e2e.ts b/core/src/components/icon/test/basic/e2e.ts
new file mode 100644
index 0000000000..e142b3b175
--- /dev/null
+++ b/core/src/components/icon/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('icon: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/icon/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/icon/test/items/e2e.js b/core/src/components/icon/test/items/e2e.js
deleted file mode 100644
index a44b298302..0000000000
--- a/core/src/components/icon/test/items/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/icon/test/items?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('icon/items', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/icon/test/items/e2e.ts b/core/src/components/icon/test/items/e2e.ts
new file mode 100644
index 0000000000..051651e389
--- /dev/null
+++ b/core/src/components/icon/test/items/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('icon: items', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/icon/test/items?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/icon/test/standalone/e2e.js b/core/src/components/icon/test/standalone/e2e.js
deleted file mode 100644
index ab005ce446..0000000000
--- a/core/src/components/icon/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/icon/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('icon/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/icon/test/standalone/e2e.ts b/core/src/components/icon/test/standalone/e2e.ts
new file mode 100644
index 0000000000..017f5fc96a
--- /dev/null
+++ b/core/src/components/icon/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('icon: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/icon/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/img/test/basic/e2e.js b/core/src/components/img/test/basic/e2e.js
deleted file mode 100644
index 82d981a7f1..0000000000
--- a/core/src/components/img/test/basic/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/fab/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('fab/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/img/test/basic/e2e.ts b/core/src/components/img/test/basic/e2e.ts
new file mode 100644
index 0000000000..d4200afc53
--- /dev/null
+++ b/core/src/components/img/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('img: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/img/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/img/test/standalone/e2e.js b/core/src/components/img/test/standalone/e2e.js
deleted file mode 100644
index 82d981a7f1..0000000000
--- a/core/src/components/img/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/fab/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('fab/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/img/test/standalone/e2e.ts b/core/src/components/img/test/standalone/e2e.ts
new file mode 100644
index 0000000000..157d655262
--- /dev/null
+++ b/core/src/components/img/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('img: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/img/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/toggle/test/basic/e2e.ts b/core/src/components/toggle/test/basic/e2e.ts
index e7936b983a..e4fd6cb32e 100644
--- a/core/src/components/toggle/test/basic/e2e.ts
+++ b/core/src/components/toggle/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('toggle: basic', async () => {
   const page = await newE2EPage({
-    url: `/src/components/toggle/test/basic`
+    url: '/src/components/toggle/test/basic?ionic:animated=false'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/toggle/test/standalone/e2e.js b/core/src/components/toggle/test/standalone/e2e.js
deleted file mode 100644
index 7427c22333..0000000000
--- a/core/src/components/toggle/test/standalone/e2e.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const { By, until } = require('selenium-webdriver');
-const { register, Page, platforms } = require('../../../../../scripts/e2e');
-
-class E2ETestPage extends Page {
-  constructor(driver, platform) {
-    super(driver, `http://localhost:3333/src/components/toggle/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('toggle/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/toggle/test/standalone/e2e.ts b/core/src/components/toggle/test/standalone/e2e.ts
new file mode 100644
index 0000000000..b8fdbc7e96
--- /dev/null
+++ b/core/src/components/toggle/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('toggle: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/toggle/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});