Integrate spectron (UPLOAD-440)

.circleci/config.yml

@@ -36,6 +36,7 @@ jobs:
     # Test
     - run: yarn lint
     - run: yarn test
+    - run: yarn run spectron-test
     - run: greenkeeper-lockfile-upload
     # Package
     - run: if [ -z "$CIRCLE_PR_NUMBER" ]; then yarn package; else echo "Forked repo; no package built."; fi

.mocharc.yml

@@ -0,0 +1 @@
+timeout: false

app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tidepool-uploader",
   "productName": "tidepool-uploader",
-  "version": "2.34.0",
+  "version": "2.34.0-integrate-spectron.1",
   "description": "Tidepool Project Universal Uploader",
   "main": "./main.prod.js",
   "author": {

appveyor.yml

@@ -35,6 +35,7 @@ test_script:
   - node --version
   - yarn lint
   - yarn test
+  - yarn run spectron-test
   - cmd: IF /I "%ROLLBAR_POST_TOKEN%"=="" ( ECHO Missing Rollbar POST token; no package built. ) ELSE ( yarn package )
   # submit uploader release to antivirus vendors if tagged
   - cmd: IF /I %APPVEYOR_REPO_TAG% == True ( yarn av-whitelist ) ELSE ( echo Not a tagged release. )

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tidepool-uploader",
-  "version": "2.34.0",
+  "version": "2.34.0-integrate-spectron.1",
   "description": "Tidepool Project Universal Uploader",
   "private": true,
   "main": "main.prod.js",
@@ -31,7 +31,8 @@
     "package-win": "npm run build && electron-builder --win --x64",
     "package-mac": "npm run build && electron-builder --mac",
     "package-linux": "npm run build && electron-builder --linux",
-    "package-all": "npm run build && electron-builder -mwl"
+    "package-all": "npm run build && electron-builder -mwl",
+    "spectron-test": "yarn build && mocha -r esm"
   },
   "dependencies": {
     "@hot-loader/react-dom": "16.14.0",
@@ -129,6 +130,7 @@
     "babel-plugin-transform-define": "2.0.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "chai": "4.2.0",
+    "chai-as-promised": "7.1.1",
     "concurrently": "5.3.0",
     "cross-env": "7.0.2",
     "css-loader": "3.6.0",
@@ -145,8 +147,8 @@
     "eslint-formatter-pretty": "3.0.1",
     "eslint-import-resolver-webpack": "0.12.2",
     "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-jest": "23.20.0",
+    "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-lodash": "7.1.0",
     "eslint-plugin-promise": "4.2.1",
     "eslint-plugin-react": "7.21.5",
@@ -162,6 +164,7 @@
     "json-loader": "0.5.7",
     "less-loader": "6.2.0",
     "mini-css-extract-plugin": "0.12.0",
+    "mocha": "8.2.1",
     "node-hid": "1.1.0",
     "object-invariant-test-helper": "0.1.1",
     "open": "7.3.0",
@@ -175,8 +178,8 @@
     "style-loader": "1.3.0",
     "terser-webpack-plugin": "3.1.0",
     "url-loader": "2.3.0",
-    "webpack-bundle-analyzer": "3.9.0",
     "webpack": "4.44.2",
+    "webpack-bundle-analyzer": "3.9.0",
     "webpack-cli": "3.3.12",
     "webpack-dev-middleware": "3.7.2",
     "webpack-dev-server": "3.11.0",

test/login.spec.js

@@ -0,0 +1,53 @@
+/* eslint-disable no-undef */
+import LoginScreen from './src/LoginScreen';
+import Base from './src/Base';
+import { startApp, stopApp } from './utilities';
+
+describe('Smoke Test', () => {
+  let app;
+  before(async () => {
+    app = await startApp();
+  });
+
+
+  after(async () => {
+    await stopApp(app);
+  });
+
+  it('should open', async () => {
+    Base.appIsOpen().should.eventually.equal(1);
+  });
+
+  it('should see if driver modal exists', async () => {
+   let check = await app.client.isExisting(LoginScreen.driverDismiss);  
+    if (check){
+        await app.client.click(LoginScreen.driverDismiss);
+    };
+});
+
+  it('should have all UI elements', async () => {
+    await LoginScreen.signUpLink.should.eventually.exist;
+    await LoginScreen.tidepoolLogo.should.eventually.exist;
+    await LoginScreen.uploaderLogo.getText()
+      .should.eventually.equal('Uploader');
+    await LoginScreen.forgotPasswordLink.should.eventually.exist;
+    await LoginScreen.supportLink.getText()
+      .should.eventually.equal('Get Support');
+    await LoginScreen.privacyLink.getText()
+      .should.eventually.equal('Privacy and Terms of Use');
+    await LoginScreen.jdrfText.should.eventually.exist;
+    await LoginScreen.jdrfLogo.should.eventually.exist;
+    await LoginScreen.version.should.eventually.exist;
+
+  });
+
+  it('should login', async () => {
+    await LoginScreen.usernameInput.setValue(LoginScreen.loginUsername);
+    await LoginScreen.usernameInput.getValue()
+      .should.eventually.equal(LoginScreen.loginUsername);
+    await LoginScreen.passwordInput.setValue(LoginScreen.loginPassword);
+    await LoginScreen.passwordInput.getValue()
+      .should.eventually.equal(LoginScreen.loginPassword);
+    await LoginScreen.loginButton.click();
+  });
+});

test/specConfig/Config.js

@@ -0,0 +1,3 @@
+export const spectronUserEmail = process.env.SPECTRON_USER_EMAIL;
+
+export const spectronUserPassword = process.env.SPECTRON_USER_PASSWORD;

test/src/Base.js

@@ -0,0 +1,11 @@
+
+class Base {
+    setApp = function(app) {
+        this.app = app;
+    }
+    appIsOpen() {
+        return this.app.client.waitUntilWindowLoaded().getWindowCount();
+    }
+};
+
+export default new Base();

test/src/LoginScreen.js

@@ -0,0 +1,54 @@
+import {spectronUserEmail, spectronUserPassword} from './../specConfig/Config';
+
+class LoginScreen {
+    setApp = function(app) {
+        this.app = app;
+    };
+    get loginUsername() { 
+        return spectronUserEmail; 
+    };
+    get loginPassword() { 
+        return spectronUserPassword; 
+    };
+    get usernameInput() {
+        return this.app.client.$('[placeholder="Email"]');
+    };
+    get passwordInput() {
+        return this.app.client.$('[placeholder="Password"]');
+    };
+    get loginButton() {
+        return this.app.client.$('button[type="submit"]');
+    };
+    get signUpLink() {
+        return this.app.client.$('[href*="signup"]');
+    };
+    get tidepoolLogo() {
+        return this.app.client.$('img[class*="logo"]');
+    };
+    get uploaderLogo() {
+        return this.app.client.$('div[class*="heroText"]');
+    };
+    get forgotPasswordLink() {
+        return this.app.client.$('a[href*="request-password"]');
+    };
+    get supportLink(){
+        return this.app.client.$('a[href="http://support.tidepool.org/"]');
+    };
+    get privacyLink(){
+        return this.app.client.$('a[href="http://tidepool.org/legal/"]');
+    };
+    get jdrfText() {
+        return this.app.client.$('span[class*="jdrfText"]');
+    };
+    get jdrfLogo() {
+        return this.app.client.$('img[class*="jdrfImage"]');
+    };
+    get version() {
+        return this.app.client.$('div[class*="version"]');
+    };
+    get driverDismiss() {
+        return 'button[class*="btnSecondary"]';
+    }
+};
+
+export default new LoginScreen();

test/utilities.js

@@ -0,0 +1,29 @@
+import { Application } from 'spectron';
+import { should, use } from 'chai';
+import chaiAsPromised from 'chai-as-promised';
+import electron from 'electron';
+import path from 'path';
+import LoginScreen from './src/LoginScreen';
+import Base from './src/Base';
+
+global.before(() => {
+  should();
+  use(chaiAsPromised);
+});
+
+export async function startApp() {
+  const app = new Application({
+    path: electron,
+    args: [path.join(__dirname, '../app')],
+  });
+  chaiAsPromised.transferPromiseness = app.transferPromiseness;
+  LoginScreen.setApp(app);
+  Base.setApp(app);
+  return app.start();
+}
+
+export async function stopApp(app) {
+  if (app && app.isRunning()) {
+    await app.stop();
+  }
+}