E2e testing support (#3)

* First e2e test

* Create basic test for native strings
Move shared code to utils
Remove Web e2e stuff

* Hot-fix

* Initial travis-ci yaml for linux

* Rename travis.yml

* Update to node 8

* disable cache for a little while

* Get caching back
Fix webpack paths

* Disable cache

* Fix node version

* Fix electron-builder config

* Fix electron-builder config

* Fix image name for linux

* Enlarge build timeout

* Try other language

* Remove enlarged timeout

* Add windows build file

* Fix appveyor

* Temp workaround for node-gyp

* Hot fix

* Try to fix appveyor

* Temp workaround for node-gyp

* Temp workaround for node-gyp

* Temp workaround for node-gyp

* Remove explicit version set to python

* Increase timeout

* Wait until window is loaded before accessing elements

* Change artifact name

* Post-merge fixes

* Fix clean script

* Remove problematic test

Author: Evgeny Barabanov

.travis.yml

@@ -22,9 +22,22 @@ addons:
   apt:
     packages:
       - icnsutils
+      - graphicsmagick
+      - libgnome-keyring-dev
+      - xz-utils
+      - xorriso
+      - xvfb
 
 install:
   - npm install
+  - export DISPLAY=':99.0'
+  - Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &
+
+before_script:
+  - export DISPLAY=:99.0
+  - sh -e /etc/init.d/xvfb start &
+  - sleep 3
 
 script:
   - npm run dist
+  - npm run e2e

appveyor.yml

@@ -7,6 +7,9 @@ platform:
   - x86
   - x64
 
+cache:
+  - node_modules
+
 install:
   - ps: Install-Product node LTS $env:platform
   - npm config set msvs_version 2015
@@ -16,3 +19,4 @@ build: off
 
 test_script:
   - '%BASH% -lc "cd $APPVEYOR_BUILD_FOLDER && npm run dist"'
+  - '%BASH% -lc "cd $APPVEYOR_BUILD_FOLDER && npm run e2e"'

e2e/app.e2e-spec.ts

@@ -0,0 +1,46 @@
+import {Application} from 'spectron';
+import * as path from 'path';
+
+const SpectronApplication = require('spectron').Application;
+const chaiAsPromised = require('chai-as-promised');
+const chai = require('chai');
+
+chai.should();
+chai.use(chaiAsPromised);
+
+const platformToExtension = {
+  'win32': 'exe',
+  'linux': 'AppImage',
+  'darwin': 'dmg'
+};
+
+export class SpectronUtils {
+  public static app = new SpectronApplication({
+    // Your electron path can be any binary
+    // i.e for OSX an example path could be '/Applications/MyApp.app/Contents/MacOS/MyApp'
+    // But for the sake of the example we fetch it from our node_modules.
+    path: `build-artifacts/ElectronAngularNativeApp.${platformToExtension[process.platform]}`,
+    args: [path.join(__dirname, '../..')],
+  });
+
+  static describe(desc: string, describeFunction: (app: Application) => void) {
+
+    describe(desc, function () {
+      this.timeout(20000);
+
+      before(() => {
+        return SpectronUtils.app.start();
+      });
+
+      describeFunction(SpectronUtils.app);
+
+      after(() => {
+        if (SpectronUtils.app && SpectronUtils.app.isRunning()) {
+          return SpectronUtils.app.stop();
+        }
+      });
+    });
+  }
+}
+
+chaiAsPromised.transferPromiseness = SpectronUtils.app.transferPromiseness;

e2e/app.po.ts

@@ -0,0 +1,11 @@
+import {SpectronUtils} from './common/spectron-utils';
+
+const chaiAsPromised = require('chai-as-promised');
+const chai = require('chai');
+
+chai.should();
+chai.use(chaiAsPromised);
+
+SpectronUtils.describe('Application launch', app =>
+  it('shows an initial window', () => app.client.getWindowCount().should.eventually.have.at.least(1))
+);

e2e/common/spectron-utils.ts

@@ -6,8 +6,7 @@
     "module": "commonjs",
     "target": "es5",
     "types": [
-      "jasmine",
-      "jasminewd2",
+      "mocha",
       "node"
     ]
   }

e2e/sanity.e2e-spec.ts

@@ -3,6 +3,7 @@ directories:
   buildResources: build-resources
   app: dist
 productName: electron-angular-native
+artifactName: ${name}.${ext}
 win:
   icon: src/favicon.png
   target: