diff --git a/core/src/components/range/test/basic/e2e.js b/core/src/components/range/test/basic/e2e.js
deleted file mode 100644
index 9de5193b2d..0000000000
--- a/core/src/components/range/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/range/test/basic?ionic:mode=${platform}`);
- }
-}
-
-platforms.forEach(platform => {
- describe('range/basic', () => {
- register('should init', driver => {
- const page = new E2ETestPage(driver, platform);
- return page.navigate('#content');
- });
- });
-});
diff --git a/core/src/components/range/test/basic/e2e.ts b/core/src/components/range/test/basic/e2e.ts
new file mode 100644
index 0000000000..889a8a86d0
--- /dev/null
+++ b/core/src/components/range/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('range: basic', async () => {
+ const page = await newE2EPage({
+ url: '/src/components/range/test/basic?ionic:animated=false'
+ });
+
+ const compare = await page.compareScreenshot();
+ expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/range/test/standalone/e2e.js b/core/src/components/range/test/standalone/e2e.js
deleted file mode 100644
index 9e3728a328..0000000000
--- a/core/src/components/range/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/range/test/standalone?ionic:mode=${platform}`);
- }
-}
-
-platforms.forEach(platform => {
- describe('range/standalone', () => {
- register('should init', driver => {
- const page = new E2ETestPage(driver, platform);
- return page.navigate();
- });
- });
-});
diff --git a/core/src/components/range/test/standalone/e2e.ts b/core/src/components/range/test/standalone/e2e.ts
new file mode 100644
index 0000000000..db03b5cc5c
--- /dev/null
+++ b/core/src/components/range/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('range: standalone', async () => {
+ const page = await newE2EPage({
+ url: '/src/components/range/test/standalone?ionic:animated=false'
+ });
+
+ const compare = await page.compareScreenshot();
+ expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/range/test/standalone/index.html b/core/src/components/range/test/standalone/index.html
index 3b08eb98ee..78a4d83fec 100644
--- a/core/src/components/range/test/standalone/index.html
+++ b/core/src/components/range/test/standalone/index.html
@@ -14,11 +14,11 @@
-
+
-
+