cleaned up integration test flow

.babelrc

@@ -1,9 +0,0 @@
-{
-  "presets": [
-    ["env", {
-      "targets": {
-        "node": "current"
-      }
-    }]
-  ]
-}

.eslintignore

@@ -2,5 +2,3 @@ dist
 assets
 firefox
 coverage
-test/integration
-test/wdio.*

.gitignore

@@ -12,3 +12,4 @@ ios/send-ios/assets/ios.js
 ios/send-ios/assets/vendor.js
 ios/send-ios.xcodeproj/project.xcworkspace/xcuserdata/*
 ios/send-ios.xcodeproj/xcuserdata/*
+test/integration/downloads

circle.yml

@@ -6,27 +6,27 @@ jobs:
     steps:
       - checkout
       - restore_cache:
-          key: send-{{ checksum "package-lock.json" }}
+          key: send-build-{{ checksum "package-lock.json" }}
       - run: npm install
       - save_cache:
-          key: send-{{ checksum "package-lock.json" }}
+          key: send-build-{{ checksum "package-lock.json" }}
           paths:
             - node_modules
       - run: npm run build
       - persist_to_workspace:
           root: .
           paths:
-            - ./*
+            - ./dist
   test:
     docker:
       - image: circleci/node:10-browsers
     steps:
       - checkout
       - restore_cache:
-          key: send-{{ checksum "package-lock.json" }}
+          key: send-test-{{ checksum "package-lock.json" }}
       - run: npm install
       - save_cache:
-          key: send-{{ checksum "package-lock.json" }}
+          key: send-test-{{ checksum "package-lock.json" }}
           paths:
             - node_modules
       - run: npm run lint
@@ -34,30 +34,19 @@ jobs:
       - store_artifacts:
           path: coverage
   integration_tests:
-    machine: true
+    docker:
+      - image: circleci/node:10
+      - image: selenium/standalone-firefox
     steps:
       - checkout
-      - attach_workspace:
-          at: .
-      - run:
-          name: Install Docker Compose
-          command: |
-            set -x
-            pip install docker-compose>=1.18
-            docker-compose --version
-      - run:
-          name: Setup
-          command: |
-            set -x
-            docker-compose pull
-      - run:
-          name: Run Integration tests
-          command: |
-            set -x
-            docker-compose up -d selenium-firefox
-            sleep 10
-            docker-compose ps
-            docker-compose exec selenium-firefox npm run test-circle:selenium
+      - restore_cache:
+          key: send-int-{{ checksum "package-lock.json" }}
+      - run: npm install
+      - save_cache:
+          key: send-int-{{ checksum "package-lock.json" }}
+          paths:
+            - node_modules
+      - run: npm run circleci-test-integration
   deploy_dev:
     machine: true
     steps:
@@ -101,12 +90,12 @@ workflows:
               ignore:
                 - master
                 - vnext
-      # - integration_tests:
-      #     filters:
-      #       branches:
-      #         ignore: master
-      #     requires:
-      #       - build
+      - integration_tests:
+          filters:
+            branches:
+              ignore: master
+          requires:
+            - build
   build_and_deploy_dev:
     jobs:
       - build:

package.json

@@ -25,8 +25,8 @@
     "test:backend": "nyc --reporter=lcovonly mocha --reporter=min test/backend",
     "test:frontend": "cross-env NODE_ENV=development node test/frontend/runner.js",
     "test:report": "nyc report --reporter=html",
-    "test-circle": "npm-run-all test:backend test-circle:selenium test:report",
-    "test-circle:selenium": "cross-env NODE_ENV=development wdio test/wdio.local.conf.js ",
+    "test-integration": "cross-env NODE_ENV=development wdio test/wdio.docker.conf.js",
+    "circleci-test-integration": "cross-env NODE_ENV=development wdio test/wdio.circleci.conf.js",
     "start": "npm run clean && cross-env NODE_ENV=development FXA_CLIENT_ID=fced6b5e3f4c66b9 BASE_URL=http://localhost:8080 webpack-dev-server --mode=development",
     "android": "cross-env ANDROID=1 npm start",
     "prod": "node server/bin/prod.js"
@@ -69,8 +69,6 @@
     "babel-loader": "^8.0.4",
     "babel-plugin-istanbul": "^5.0.1",
     "babel-plugin-yo-yoify": "^2.0.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-register": "^6.26.0",
     "base64-js": "^1.3.0",
     "content-disposition": "^0.5.2",
     "copy-webpack-plugin": "^4.5.2",
@@ -117,10 +115,7 @@
     "svgo": "^1.1.1",
     "svgo-loader": "^2.2.0",
     "testpilot-ga": "^0.3.0",
-    "tmp": "0.0.33",
     "val-loader": "^1.1.1",
-    "webpack": "^4.20.2",
-    "webpack-cli": "^3.1.2",
     "wdio-docker-service": "^1.4.2",
     "wdio-dot-reporter": "0.0.10",
     "wdio-firefox-profile-service": "^0.1.3",
@@ -128,9 +123,10 @@
     "wdio-sauce-service": "^0.4.11",
     "wdio-spec-reporter": "^0.1.5",
     "webdriverio": "^4.13.2",
+    "webpack": "^4.20.2",
+    "webpack-cli": "^3.1.2",
     "webpack-dev-middleware": "^3.4.0",
     "webpack-manifest-plugin": "^2.0.4",
-    "webpack-dev-server": "2.9.1",
     "webpack-unassert-loader": "^1.2.0"
   },
   "dependencies": {

test/integration/download-tests.js

@@ -1,13 +1,13 @@
-import DownloadPage from './pages/desktop/download_page';
-import HomePage from './pages/desktop/home_page';
-import SharePage from './pages/desktop/share_page';
-
+/* global browser document */
 const assert = require('assert');
 const fs = require('fs');
 const path = require('path');
 
-describe('Firefox Send', () => {
-  const baseUrl = browser.options['baseUrl'];
+const DownloadPage = require('./pages/desktop/download_page');
+const HomePage = require('./pages/desktop/home_page');
+const SharePage = require('./pages/desktop/share_page');
+
+describe('Firefox Send', function() {
   const downloadDir =
     browser.desiredCapabilities['moz:firefoxOptions']['prefs'][
       'browser.download.dir'
@@ -15,7 +15,7 @@ describe('Firefox Send', () => {
   const testFilesPath = path.join(__dirname, 'fixtures');
   const testFiles = fs.readdirSync(testFilesPath);
 
-  beforeEach(() => {
+  beforeEach(function() {
     browser.url('/');
     browser.execute(() => {
       document.getElementById('file-upload').style.display = 'block';
@@ -24,18 +24,18 @@ describe('Firefox Send', () => {
   });
 
   testFiles.forEach(file => {
-    it(`should upload and download files, file: ${file}`, () => {
+    it(`should upload and download files, file: ${file}`, function() {
       browser.execute(() => {
         document.getElementById('file-upload').style.display = 'block';
       });
       browser.waitForExist('#file-upload');
-      let homePage = new HomePage();
+      const homePage = new HomePage();
       browser.chooseFile('#file-upload', `${testFilesPath}/${file}`);
       browser.click(homePage.readyToSend);
-      let sharePage = new SharePage();
+      const sharePage = new SharePage();
       browser.waitForExist(sharePage.fileUrl);
       browser.url(browser.getValue(sharePage.fileUrl));
-      let downloadPage = new DownloadPage();
+      const downloadPage = new DownloadPage();
       downloadPage.waitForPageToLoad();
       downloadPage.downloadBtn();
       // Wait for download to complete
@@ -45,7 +45,7 @@ describe('Firefox Send', () => {
           browser.getText(downloadPage.downloadComplete) === 'DOWNLOAD COMPLETE'
         );
       });
-      assert.ok(fs.existsSync(`${downloadDir}/${file}`));
+      assert.ok(fs.existsSync(path.join(downloadDir, file)));
     });
   });
 });

test/integration/homepage-tests.js

@@ -1,8 +1,8 @@
-import HomePage from './pages/desktop/home_page';
-
+/* global browser */
 const assert = require('assert');
+const HomePage = require('./pages/desktop/home_page');
 
-describe('Firefox Send homepage', () => {
+describe('Firefox Send homepage', function() {
   const baseUrl = browser.options['baseUrl'];
   const legalLinks = [
     'legal',
@@ -13,26 +13,24 @@ describe('Firefox Send homepage', () => {
   ];
   const socialLinks = ['github', 'twitter', 'mozilla'];
 
-  beforeEach(() => {
+  beforeEach(function() {
     browser.url('/');
     browser.pause(500);
   });
 
-  it('should have the right title', () => {
-    chai.expect(browser.getTitle()).to.equal('Firefox Send');
+  it('should have the right title', function() {
+    assert.equal(browser.getTitle(), 'Firefox Send');
   });
 
   legalLinks.forEach((link, i) => {
-    it(`should navigate to the correct legal pages, page: ${link}`, () => {
-      let homePage = new HomePage();
+    it(`should navigate to the correct legal pages, page: ${link}`, function() {
+      const homePage = new HomePage();
       // Click links on bottom of page
-      var els = browser.elements(homePage.legalLinks);
-      if (i === 0) {
-      }
+      const els = browser.elements(homePage.legalLinks);
       browser.elementIdClick(els.value[i].ELEMENT);
       // Wait for page to load
       browser.waitUntil(() => {
-        let url = browser.getUrl();
+        const url = browser.getUrl();
         return url !== baseUrl;
       });
       assert.ok(browser.getUrl().includes(link));
@@ -40,14 +38,14 @@ describe('Firefox Send homepage', () => {
   });
 
   socialLinks.forEach((link, i) => {
-    it(`should navigate to the correct social pages, page: ${link}`, () => {
-      let homePage = new HomePage();
+    it(`should navigate to the correct social pages, page: ${link}`, function() {
+      const homePage = new HomePage();
       // Click links on bottom of page
-      var els = browser.elements(homePage.socialLinks);
+      const els = browser.elements(homePage.socialLinks);
       browser.elementIdClick(els.value[i].ELEMENT);
       // Wait for page to load
       browser.waitUntil(() => {
-        let url = browser.getUrl();
+        const url = browser.getUrl();
         return url !== baseUrl;
       });
       assert.ok(browser.getUrl().includes(link));

test/integration/pages/desktop/download_page.js

@@ -1,6 +1,7 @@
-import Page from './page';
+/* global browser */
+const Page = require('./page');
 
-export default class DownloadPage extends Page {
+class DownloadPage extends Page {
   constructor() {
     super();
     this.downloadBtnLocator = '.btn--download';
@@ -15,7 +16,7 @@ export default class DownloadPage extends Page {
   waitForPageToLoad() {
     browser.waitUntil(() => {
       browser.waitForExist(this.downloadBtnLocator);
-      let el = browser.element(this.downloadBtnLocator);
+      const el = browser.element(this.downloadBtnLocator);
       return browser.elementIdDisplayed(el.value.ELEMENT);
     });
     return this;
@@ -30,3 +31,4 @@ export default class DownloadPage extends Page {
     return this.downloadCompletedLocator;
   }
 }
+module.exports = DownloadPage;

test/integration/pages/desktop/home_page.js

@@ -1,6 +1,6 @@
-import Page from './page';
+const Page = require('./page');
 
-export default class HomePage extends Page {
+class HomePage extends Page {
   constructor() {
     super();
     this.legalSectionLinks = '.legalSection .legalSection__link';
@@ -20,3 +20,4 @@ export default class HomePage extends Page {
     return this.socialLinksLocator;
   }
 }
+module.exports = HomePage;