diff --git a/core/src/components/segment/test/basic/e2e.js b/core/src/components/segment/test/basic/e2e.js
deleted file mode 100644
index 1368f5dfeb..0000000000
--- a/core/src/components/segment/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/segment/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('segment/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#finalSegment');
-    });
-  });
-});
diff --git a/core/src/components/segment/test/basic/e2e.ts b/core/src/components/segment/test/basic/e2e.ts
new file mode 100644
index 0000000000..e960660f99
--- /dev/null
+++ b/core/src/components/segment/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('segment: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/segment/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/segment/test/modes/e2e.js b/core/src/components/segment/test/modes/e2e.js
deleted file mode 100644
index 681e35a1ff..0000000000
--- a/core/src/components/segment/test/modes/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/segment/test/modes?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('segment/modes', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#modeSegment');
-    });
-  });
-});
diff --git a/core/src/components/segment/test/modes/e2e.ts b/core/src/components/segment/test/modes/e2e.ts
new file mode 100644
index 0000000000..22585bcda9
--- /dev/null
+++ b/core/src/components/segment/test/modes/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('segment: modes', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/segment/test/modes?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/segment/test/standalone/e2e.js b/core/src/components/segment/test/standalone/e2e.js
deleted file mode 100644
index e8523f59e0..0000000000
--- a/core/src/components/segment/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/segment/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('segment/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#browserSegment');
-    });
-  });
-});
diff --git a/core/src/components/segment/test/standalone/e2e.ts b/core/src/components/segment/test/standalone/e2e.ts
new file mode 100644
index 0000000000..757629af4b
--- /dev/null
+++ b/core/src/components/segment/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('segment: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/segment/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});