Add ui tests to travis ci

.travis.yml

@@ -7,16 +7,20 @@ branches:
     - master
 env:
   - CXX=g++-4.8
+dist: trusty
 addons:
   apt:
     sources:
       - ubuntu-toolchain-r-test
     packages:
       - g++-4.8
+      - oracle-java8-set-default
+    chrome: stable
 before_script:
   - export DISPLAY=:99.0; sh -e /etc/init.d/xvfb start
 before_install:
   - "npm install -g npm@^4"
+  - "google-chrome-stable --headless --disable-gpu --remote-debugging-port=9222 http://localhost &"
 script: chmod a+x ./config/scripts/travis-ci-build.sh && ./config/scripts/travis-ci-build.sh
 notifications:
   webhooks:

config/scripts/travis-ci-build.sh

@@ -5,7 +5,8 @@ npm install \
 && npm install \
 && cd ../../examples/browser \
 && npm run bootstrap \
+&& npm run test:ui \
+&& ps -ef | grep 'node ./src-gen/backend/main.js' | grep -v grep | awk '{print $2}' | xargs kill \
 && cd ../electron \
 && npm run bootstrap \
-&& npm run test
-
+&& npm run test 

examples/browser/package.json

@@ -22,7 +22,7 @@
     "start:backend": "node ./src-gen/backend/main.js | bunyan",
     "start:backend:debug": "node ./src-gen/backend/main.js --loglevel=debug | bunyan",
     "start:frontend": "webpack-dev-server --open",
-    "test:ui": "wdio wdio.conf.js",
+    "test:ui": "npm run start& wdio --waitforTimeout 300000 wdio.conf.js",
     "watch": "concurrently --names watch-deps,watch-frontend --prefix \"[{name}]\" \"npm run watch:localdeps\" \"npm run watch:frontend\"",
     "watch:frontend": "npm run build:frontend && webpack --target web --watch",
     "watch:localdeps": "ldm watch --sync --run=watch --original-sources"

examples/browser/test/pages/main-page.ts

@@ -20,7 +20,7 @@ export class MainPage {
     }
 
     public isFileNavigatorOpen(): Boolean {
-        if (this.driver.element('#file-navigator').getAttribute('class').split(' ').indexOf('p-mod-hidden') !== -1) {
+        if (this.driver.element('#files').getAttribute('class').split(' ').indexOf('p-mod-hidden') !== -1) {
             return false;
         } else {
             return true;

examples/browser/test/panels.spec.ts

@@ -8,6 +8,12 @@ describe('theia main elements loading', () => {
 
     before(() => {
         browser.url(url);
+        if (browser.getTitle() == 'localhost') {
+            browser.waitUntil(function () {
+            console.log('browser not loaded yet, trying again ');
+            return browser.getTitle() == '';
+            }, 300000), 5000;        
+        }
         mainPage = new MainPage(browser);
 
     });

examples/browser/theia.package.json

@@ -16,7 +16,7 @@
         "build:localdeps": "ldm run build && ldm sync --original-sources",
         "watch": "concurrently --names watch-deps,watch-frontend --prefix \"[{name}]\" \"npm run watch:localdeps\" \"npm run watch:frontend\"",
         "watch:localdeps": "ldm watch --sync --run=watch --original-sources",
-        "test:ui": "wdio wdio.conf.js"
+        "test:ui": "npm run start& wdio --waitforTimeout 300000 wdio.conf.js"
     },
     "devDependencies": {
         "@types/chai": "^3.5.1",

examples/browser/wdio.conf.js

@@ -75,7 +75,7 @@ exports.config = {
     baseUrl: 'http://localhost:8080',
     //
     // Default timeout for all waitFor* commands.
-    waitforTimeout: 10000,
+    waitforTimeout: 180000,
     //
     // Default timeout in milliseconds for request
     // if Selenium Grid doesn't send response
@@ -129,7 +129,7 @@ exports.config = {
         compilers: ['ts:ts-node/register'],
         requires: ['reflect-metadata/Reflect'],
         watch: 'ts',
-        timeout: 10000,
+        timeout: 180000,
 
     },
     //