From 7370218b2dbea6d9ece643802fcf03896a05a295 Mon Sep 17 00:00:00 2001
From: Cam Wiegert <cam@camwiegert.com>
Date: Tue, 2 Oct 2018 11:27:39 -0500
Subject: [PATCH] test(item): migrate e2e tests

references #15803
---
 core/src/components/item/test/basic/e2e.js    | 19 -------------------
 core/src/components/item/test/basic/e2e.ts    | 10 ++++++++++
 core/src/components/item/test/buttons/e2e.js  | 19 -------------------
 core/src/components/item/test/buttons/e2e.ts  | 10 ++++++++++
 core/src/components/item/test/colors/e2e.js   | 19 -------------------
 core/src/components/item/test/colors/e2e.ts   | 10 ++++++++++
 core/src/components/item/test/dividers/e2e.js | 19 -------------------
 core/src/components/item/test/dividers/e2e.ts | 10 ++++++++++
 core/src/components/item/test/groups/e2e.js   | 19 -------------------
 core/src/components/item/test/groups/e2e.ts   | 10 ++++++++++
 core/src/components/item/test/icons/e2e.js    | 19 -------------------
 core/src/components/item/test/icons/e2e.ts    | 10 ++++++++++
 core/src/components/item/test/images/e2e.js   | 19 -------------------
 core/src/components/item/test/images/e2e.ts   | 10 ++++++++++
 core/src/components/item/test/inputs/e2e.js   | 19 -------------------
 core/src/components/item/test/inputs/e2e.ts   | 10 ++++++++++
 core/src/components/item/test/lines/e2e.js    | 19 -------------------
 core/src/components/item/test/lines/e2e.ts    | 10 ++++++++++
 core/src/components/item/test/media/e2e.js    | 19 -------------------
 core/src/components/item/test/media/e2e.ts    | 10 ++++++++++
 core/src/components/item/test/reorder/e2e.js  | 19 -------------------
 core/src/components/item/test/reorder/e2e.ts  | 10 ++++++++++
 core/src/components/item/test/sliding/e2e.js  | 19 -------------------
 core/src/components/item/test/sliding/e2e.ts  | 10 ++++++++++
 .../components/item/test/standalone/e2e.js    | 19 -------------------
 .../components/item/test/standalone/e2e.ts    | 10 ++++++++++
 core/src/components/item/test/text/e2e.js     | 19 -------------------
 core/src/components/item/test/text/e2e.ts     | 10 ++++++++++
 28 files changed, 140 insertions(+), 266 deletions(-)
 delete mode 100644 core/src/components/item/test/basic/e2e.js
 create mode 100644 core/src/components/item/test/basic/e2e.ts
 delete mode 100644 core/src/components/item/test/buttons/e2e.js
 create mode 100644 core/src/components/item/test/buttons/e2e.ts
 delete mode 100644 core/src/components/item/test/colors/e2e.js
 create mode 100644 core/src/components/item/test/colors/e2e.ts
 delete mode 100644 core/src/components/item/test/dividers/e2e.js
 create mode 100644 core/src/components/item/test/dividers/e2e.ts
 delete mode 100644 core/src/components/item/test/groups/e2e.js
 create mode 100644 core/src/components/item/test/groups/e2e.ts
 delete mode 100644 core/src/components/item/test/icons/e2e.js
 create mode 100644 core/src/components/item/test/icons/e2e.ts
 delete mode 100644 core/src/components/item/test/images/e2e.js
 create mode 100644 core/src/components/item/test/images/e2e.ts
 delete mode 100644 core/src/components/item/test/inputs/e2e.js
 create mode 100644 core/src/components/item/test/inputs/e2e.ts
 delete mode 100644 core/src/components/item/test/lines/e2e.js
 create mode 100644 core/src/components/item/test/lines/e2e.ts
 delete mode 100644 core/src/components/item/test/media/e2e.js
 create mode 100644 core/src/components/item/test/media/e2e.ts
 delete mode 100644 core/src/components/item/test/reorder/e2e.js
 create mode 100644 core/src/components/item/test/reorder/e2e.ts
 delete mode 100644 core/src/components/item/test/sliding/e2e.js
 create mode 100644 core/src/components/item/test/sliding/e2e.ts
 delete mode 100644 core/src/components/item/test/standalone/e2e.js
 create mode 100644 core/src/components/item/test/standalone/e2e.ts
 delete mode 100644 core/src/components/item/test/text/e2e.js
 create mode 100644 core/src/components/item/test/text/e2e.ts

diff --git a/core/src/components/item/test/basic/e2e.js b/core/src/components/item/test/basic/e2e.js
deleted file mode 100644
index 1f823baa0d..0000000000
--- a/core/src/components/item/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/item/test/basic?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/basic', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/basic/e2e.ts b/core/src/components/item/test/basic/e2e.ts
new file mode 100644
index 0000000000..8e7ae36461
--- /dev/null
+++ b/core/src/components/item/test/basic/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: basic', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/basic?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/buttons/e2e.js b/core/src/components/item/test/buttons/e2e.js
deleted file mode 100644
index bf1bb55c12..0000000000
--- a/core/src/components/item/test/buttons/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/item/test/buttons?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/buttons', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/buttons/e2e.ts b/core/src/components/item/test/buttons/e2e.ts
new file mode 100644
index 0000000000..5b2fd87698
--- /dev/null
+++ b/core/src/components/item/test/buttons/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: buttons', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/buttons?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/colors/e2e.js b/core/src/components/item/test/colors/e2e.js
deleted file mode 100644
index d9943852f5..0000000000
--- a/core/src/components/item/test/colors/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/item/test/colors?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/colors', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/colors/e2e.ts b/core/src/components/item/test/colors/e2e.ts
new file mode 100644
index 0000000000..b1d86079d3
--- /dev/null
+++ b/core/src/components/item/test/colors/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: colors', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/colors?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/dividers/e2e.js b/core/src/components/item/test/dividers/e2e.js
deleted file mode 100644
index 1b5c73c1b9..0000000000
--- a/core/src/components/item/test/dividers/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/item/test/dividers?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/dividers', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/dividers/e2e.ts b/core/src/components/item/test/dividers/e2e.ts
new file mode 100644
index 0000000000..ad272dd612
--- /dev/null
+++ b/core/src/components/item/test/dividers/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: dividers', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/dividers?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/groups/e2e.js b/core/src/components/item/test/groups/e2e.js
deleted file mode 100644
index 23837b54a8..0000000000
--- a/core/src/components/item/test/groups/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/item/test/groups?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/groups', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('.item-group');
-    });
-  });
-});
diff --git a/core/src/components/item/test/groups/e2e.ts b/core/src/components/item/test/groups/e2e.ts
new file mode 100644
index 0000000000..8be7546d9c
--- /dev/null
+++ b/core/src/components/item/test/groups/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: groups', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/groups?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/icons/e2e.js b/core/src/components/item/test/icons/e2e.js
deleted file mode 100644
index dd0587726f..0000000000
--- a/core/src/components/item/test/icons/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/item/test/icons?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/icons', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/icons/e2e.ts b/core/src/components/item/test/icons/e2e.ts
new file mode 100644
index 0000000000..5da26debd0
--- /dev/null
+++ b/core/src/components/item/test/icons/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: icons', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/icons?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/images/e2e.js b/core/src/components/item/test/images/e2e.js
deleted file mode 100644
index c0350913fb..0000000000
--- a/core/src/components/item/test/images/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/item/test/images?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/images', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/images/e2e.ts b/core/src/components/item/test/images/e2e.ts
new file mode 100644
index 0000000000..a0c9f6ad94
--- /dev/null
+++ b/core/src/components/item/test/images/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: images', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/images?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/inputs/e2e.js b/core/src/components/item/test/inputs/e2e.js
deleted file mode 100644
index 9a41bb203d..0000000000
--- a/core/src/components/item/test/inputs/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/item/test/inputs?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/inputs', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#item');
-    });
-  });
-});
diff --git a/core/src/components/item/test/inputs/e2e.ts b/core/src/components/item/test/inputs/e2e.ts
new file mode 100644
index 0000000000..80bfe01b76
--- /dev/null
+++ b/core/src/components/item/test/inputs/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: inputs', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/inputs?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/lines/e2e.js b/core/src/components/item/test/lines/e2e.js
deleted file mode 100644
index 9e40b22f46..0000000000
--- a/core/src/components/item/test/lines/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/item/test/lines?ionicplatform=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/lines', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/lines/e2e.ts b/core/src/components/item/test/lines/e2e.ts
new file mode 100644
index 0000000000..b35fd0be31
--- /dev/null
+++ b/core/src/components/item/test/lines/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: lines', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/lines?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/media/e2e.js b/core/src/components/item/test/media/e2e.js
deleted file mode 100644
index 95c06daeae..0000000000
--- a/core/src/components/item/test/media/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/item/test/media?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/media', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/media/e2e.ts b/core/src/components/item/test/media/e2e.ts
new file mode 100644
index 0000000000..3d7e34ec56
--- /dev/null
+++ b/core/src/components/item/test/media/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: media', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/media?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/reorder/e2e.js b/core/src/components/item/test/reorder/e2e.js
deleted file mode 100644
index f795ee74fa..0000000000
--- a/core/src/components/item/test/reorder/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/item/test/reorder?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/reorder', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/reorder/e2e.ts b/core/src/components/item/test/reorder/e2e.ts
new file mode 100644
index 0000000000..06ef62ea89
--- /dev/null
+++ b/core/src/components/item/test/reorder/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: reorder', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/reorder?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/sliding/e2e.js b/core/src/components/item/test/sliding/e2e.js
deleted file mode 100644
index 4a8f113302..0000000000
--- a/core/src/components/item/test/sliding/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/item/test/sliding?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/sliding', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/sliding/e2e.ts b/core/src/components/item/test/sliding/e2e.ts
new file mode 100644
index 0000000000..0dd7c78a57
--- /dev/null
+++ b/core/src/components/item/test/sliding/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: sliding', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/sliding?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/standalone/e2e.js b/core/src/components/item/test/standalone/e2e.js
deleted file mode 100644
index 2e261c9d28..0000000000
--- a/core/src/components/item/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/item/test/standalone?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/standalone', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate();
-    });
-  });
-});
diff --git a/core/src/components/item/test/standalone/e2e.ts b/core/src/components/item/test/standalone/e2e.ts
new file mode 100644
index 0000000000..4ad2c6f268
--- /dev/null
+++ b/core/src/components/item/test/standalone/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: standalone', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/standalone?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});
diff --git a/core/src/components/item/test/text/e2e.js b/core/src/components/item/test/text/e2e.js
deleted file mode 100644
index f689c339b3..0000000000
--- a/core/src/components/item/test/text/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/item/test/text?ionic:mode=${platform}`);
-  }
-}
-
-platforms.forEach(platform => {
-  describe('item/text', () => {
-    register('should init', driver => {
-      const page = new E2ETestPage(driver, platform);
-      return page.navigate('#content');
-    });
-  });
-});
diff --git a/core/src/components/item/test/text/e2e.ts b/core/src/components/item/test/text/e2e.ts
new file mode 100644
index 0000000000..02e85d7fc1
--- /dev/null
+++ b/core/src/components/item/test/text/e2e.ts
@@ -0,0 +1,10 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+it('item: text', async () => {
+  const page = await newE2EPage({
+    url: '/src/components/item/test/text?ionic:animated=false'
+  });
+
+  const compare = await page.compareScreenshot();
+  expect(compare).toMatchScreenshot();
+});