From 95f7a4a61f485344e9ef78b9043af14241d9ddf4 Mon Sep 17 00:00:00 2001
From: Cam Wiegert <cam@camwiegert.com>
Date: Mon, 1 Oct 2018 14:24:39 -0500
Subject: [PATCH] test(range): migrate e2e tests

references #15803
---
 core/src/components/range/test/basic/e2e.js   | 19 -------------------
 core/src/components/range/test/basic/e2e.ts   | 10 ++++++++++
 .../components/range/test/standalone/e2e.js   | 19 -------------------
 .../components/range/test/standalone/e2e.ts   | 10 ++++++++++
 .../range/test/standalone/index.html          |  4 ++--
 5 files changed, 22 insertions(+), 40 deletions(-)
 delete mode 100644 core/src/components/range/test/basic/e2e.js
 create mode 100644 core/src/components/range/test/basic/e2e.ts
 delete mode 100644 core/src/components/range/test/standalone/e2e.js
 create mode 100644 core/src/components/range/test/standalone/e2e.ts

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 @@
   <ion-range value="60" color="light"></ion-range>
   <ion-range value="80" color="dark"></ion-range>
   <ion-range pin="true" color="secondary" value="86">
-    <ion-icon size="small" name="ios-sunny-outline" slot="start"></ion-icon>
+    <ion-icon size="small" name="ios-sunny" slot="start"></ion-icon>
     <ion-icon name="ios-sunny" slot="end"></ion-icon>
   </ion-range>
   <ion-range pin="true" color="danger" value="54">
-    <ion-icon size="small" name="ios-thermometer-outline" slot="start"></ion-icon>
+    <ion-icon size="small" name="ios-thermometer" slot="start"></ion-icon>
     <ion-icon name="ios-thermometer" slot="end"></ion-icon>
   </ion-range>
   <ion-range value="50" pin class="custom"></ion-range>