Update protractor jasmine tests

TESTING.md

@@ -5,20 +5,49 @@
 
 ## E2E Frontend
 
-### On first run
+## On first run
 - `gulp webdriver-update`
 
-### Chrome Local STF
-- Connect a device
-- Run stf
-- `gulp protractor`
 
-### Multiple Browsers Local STF with a specific suite
+
+## Protractor&Jasmine - Local STF tests
+
+
+---
+#### Preconditions
+Test configuration point to Google Chrome browser. Test works on Google Chrome v.77.0.3865.75 together with chromedriver with ver. 77.0.3865.40.
+
+---
+
+- Connect a device or start android emulator
+- Run RethinkDb
+  ```
+    rethinkdb
+  ```
+- Run stf
+  ```
+    ./bin/stf local
+  ```
+  Wait till STF will be fully functional and devices will be discovered
+- Run tests
+  ```
+     gulp protractor
+  ```
+
+---
+#### Info
+Test results can be found in:
+    test-results/reports-protractor/dashboardReport-protractor/index.html
+
+---
+
+===
+## Multiple Browsers Local STF with a specific suite
 - Connect a device
 - Run stf
 - `gulp protractor --multi --suite devices`
 
-### Chrome Remote STF
+## Chrome Remote STF
 - `export STF_URL='http://stf-url/#!/'`
 - `export STF_USERNAME='user'`
 - `export STF_PASSWORD='pass'`

package.json

@@ -108,6 +108,7 @@
     "exports-loader": "^0.6.2",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.9.0",
+    "fs-extra": "^8.1.0",
     "gulp": "^3.8.11",
     "gulp-angular-gettext": "^2.1.0",
     "gulp-eslint": "^3.0.1",
@@ -119,13 +120,13 @@
     "html-loader": "^0.4.0",
     "imports-loader": "^0.6.5",
     "jasmine-core": "^2.4.1",
-    "jasmine-reporters": "^2.1.1",
+    "jasmine-reporters": "^2.3.2",
     "json-loader": "^0.5.4",
-    "karma": "^1.1.2",
+    "karma": "^1.7.1",
-    "karma-chrome-launcher": "^1.0.1",
+    "karma-chrome-launcher": "^2.2.0",
     "karma-firefox-launcher": "^1.0.0",
     "karma-ie-launcher": "^1.0.0",
-    "karma-jasmine": "^1.0.2",
+    "karma-jasmine": "^2.0.1",
     "karma-junit-reporter": "^1.1.0",
     "karma-opera-launcher": "^1.0.0",
     "karma-phantomjs-launcher": "^1.0.0",
@@ -137,8 +138,8 @@
     "node-libs-browser": "^1.0.0",
     "node-sass": "^3.4.2",
     "phantomjs-prebuilt": "^2.1.11",
-    "protractor": "^4.0.3",
+    "protractor": "^5.4.1",
-    "protractor-html-screenshot-reporter": "0.0.21",
+    "protractor-html-reporter-2": "1.0.4",
     "raw-loader": "^0.5.1",
     "sass-loader": "^4.0.0",
     "script-loader": "^0.7.0",

res/test/e2e/control/control-spec.js

@@ -1,10 +1,11 @@
 describe('Control Page', function() {
   var DeviceListPage = require('../devices')
   var deviceListPage = new DeviceListPage()
+  var localhost = browser.baseUrl
 
   var ControlPage = function() {
     this.get = function() {
-      browser.get(protractor.getInstance().baseUrl + 'control')
+      browser.get(localhost + 'control')
     }
     this.kickDeviceButton = element.all(by.css('.kick-device')).first()
     this.kickDevice = function() {
@@ -26,8 +27,8 @@ describe('Control Page', function() {
 
     browser.sleep(500)
 
-    browser.getLocationAbsUrl().then(function(newUrl) {
+    browser.getCurrentUrl().then(function(newUrl) {
-      expect(newUrl).toMatch(protractor.getInstance().baseUrl + 'control')
+      expect(newUrl).toContain(localhost + 'control/')
     })
   })
 
@@ -135,10 +136,10 @@ describe('Control Page', function() {
   it('should stop controlling an usable device', function() {
     controlPage.kickDevice()
 
-    waitUrl(/devices/)
+    browser.wait(waitUrl(/devices/), 5000)
 
-    browser.getLocationAbsUrl().then(function(newUrl) {
+    browser.getCurrentUrl().then(function(newUrl) {
-      expect(newUrl).toBe(protractor.getInstance().baseUrl + 'devices')
+      expect(newUrl).toBe(localhost + 'devices')
     })
   })
 

res/test/e2e/devices/devices-spec.js

@@ -6,8 +6,8 @@ describe('Device Page', function() {
 
     it('should go to Devices List page', function() {
       deviceListPage.get()
-      browser.getLocationAbsUrl().then(function(newUrl) {
+      browser.getCurrentUrl().then(function(newUrl) {
-        expect(newUrl).toBe(protractor.getInstance().baseUrl + 'devices')
+        expect(newUrl).toBe(browser.baseUrl + 'devices')
       })
     })
 

res/test/e2e/devices/index.js

@@ -1,7 +1,7 @@
 module.exports = function DeviceListPage() {
   this.get = function() {
     // TODO: Let's get rid off the login first
-    browser.get(protractor.getInstance().baseUrl + 'devices')
+    browser.get(browser.baseUrl + 'devices')
   }
   this.devices = element(by.model('tracker.devices'))
   this.devicesByCss = element.all(by.css('ul.devices-icon-view > li'))

res/test/e2e/helpers/browser-logs.js

@@ -15,7 +15,7 @@ module.exports = function BrowserLogs(opts) {
   }
 
   browser.getCapabilities().then(function(cap) {
-    var browserName = ' ' + cap.caps_.browserName + ' log '
+    var browserName = ' ' + cap.browserName + ' log '
     var browserStyled = chalk.bgBlue.white.bold(browserName) + ' '
 
     browser.manage().logs().get('browser').then(function(browserLogs) {

res/test/e2e/login/index.js

@@ -1,5 +1,5 @@
 module.exports = function LoginPage() {
-  this.login = protractor.getInstance().params.login
+  this.login = browser.params.login
 
   this.get = function() {
     return browser.get(this.login.url)
@@ -17,17 +17,24 @@ module.exports = function LoginPage() {
   this.setName = function(username) {
     return this.username.sendKeys(username)
   }
+
   this.setEmail = function(email) {
     return this.email.sendKeys(email)
   }
+
   this.setPassword = function(password) {
     return this.password.sendKeys(password)
   }
+
   this.submit = function() {
     return this.username.submit()
   }
+
   this.doLogin = function() {
+    var EC = protractor.ExpectedConditions
+    var timeout = 15000
     this.get()
+    browser.wait(EC.presenceOf(element(by.css('[value="Log In"]'))), timeout)
     this.setName(this.login.username)
     if (this.login.method === 'ldap') {
       this.setPassword(this.login.password)
@@ -43,6 +50,7 @@ module.exports = function LoginPage() {
       })
     })
   }
+
   this.cleanUp = function() {
     this.username = null
     this.password = null

res/test/e2e/login/login-spec.js

@@ -2,14 +2,20 @@ describe('Login Page', function() {
   var LoginPage = require('./')
   var loginPage = new LoginPage()
 
+  beforeEach(function() {
+    browser.executeScript('window.localStorage.clear();')
+    browser.executeScript('window.sessionStorage.clear();')
+    browser.driver.manage().deleteAllCookies()
+  })
+
   it('should have an url to login', function() {
     expect(loginPage.login.url).toMatch('http')
   })
 
   it('should login with method: "' + loginPage.login.method + '"', function() {
     loginPage.doLogin().then(function() {
-      browser.getLocationAbsUrl().then(function(newUrl) {
+      browser.getCurrentUrl().then(function(newUrl) {
-        expect(newUrl).toBe(protractor.getInstance().baseUrl + 'devices')
+        expect(newUrl).toBe(browser.baseUrl + 'devices')
       })
     })
   })

res/test/protractor-multi.conf.js

@@ -1,6 +1,5 @@
 var config = require('./protractor.conf').config
 //var LoginPage = require('./e2e/login')
-//var HtmlReporter = require('protractor-html-screenshot-reporter')
 //var WaitUrl = require('./e2e/helpers/wait-url')
 
 config.chromeOnly = false

res/test/protractor.conf.js

@@ -2,8 +2,12 @@
 var LoginPage = require('./e2e/login')
 var BrowserLogs = require('./e2e/helpers/browser-logs')
 //var FailFast = require('./e2e/helpers/fail-fast')
-var HtmlReporter = require('protractor-html-screenshot-reporter')
+var jasmineReporters = require('jasmine-reporters')
 var WaitUrl = require('./e2e/helpers/wait-url')
+var HTMLReport = require('protractor-html-reporter-2')
+
+var reportsDirectory = './test-results/reports-protractor'
+var dashboardReportDirectory = reportsDirectory + '/dashboardReport'
 
 module.exports.config = {
   baseUrl: process.env.STF_URL || 'http://localhost:7100/#!/',
@@ -17,7 +21,7 @@ module.exports.config = {
   params: {
     login: {
       url: process.env.STF_LOGINURL || process.env.STF_URL ||
-      'http://localhost:7120',
+      'http://localhost:7100',
       username: process.env.STF_USERNAME || 'test_user',
       email: process.env.STF_EMAIL || 'test_user@login.local',
       password: process.env.STF_PASSWORD,
@@ -34,7 +38,7 @@ module.exports.config = {
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
-      args: ['--test-type'] // Prevent security warning bug in ChromeDriver
+      args: ['--test-type --no-sandbox'] // Prevent security warning bug in ChromeDriver
     }
   },
   chromeOnly: true,
@@ -45,16 +49,60 @@ module.exports.config = {
 
     this.waitUrl = WaitUrl
 
-    jasmine.getEnv().addReporter(new HtmlReporter({
+    jasmine.getEnv().addReporter(new jasmineReporters.JUnitXmlReporter({
-      baseDirectory: './res/test/test_out/screenshots'
+      consolidateAll: true,
+      savePath: reportsDirectory + '/xml',
+      filePrefix: 'xmlOutput'
     }))
 
+    var fs = require('fs-extra')
+    if (!fs.existsSync(dashboardReportDirectory)) {
+      fs.mkdirs(dashboardReportDirectory)
+    }
+
+    jasmine.getEnv().addReporter({
+      specDone: function(result) {
+          if (result.status === 'failed') {
+              browser.getCapabilities().then(function(caps) {
+                  var browserName = caps.get('browserName')
+
+                  browser.takeScreenshot().then(function(png) {
+                      var stream = fs.createWriteStream(dashboardReportDirectory + '/' +
+                        browserName + '-' + result.fullName + '.png')
+                      stream.write(new Buffer(png, 'base64'))
+                      stream.end()
+                  })
+              })
+          }
+      }
+    })
+
     afterEach(function() {
       BrowserLogs({expectNoLogs: true})
       //FailFast()
     })
   },
   onComplete: function() {
+    var browserName, browserVersion, platform, testConfig
+    var capsPromise = browser.getCapabilities()
 
+    capsPromise.then(function(caps) {
+    browserName = caps.get('browserName')
+    browserVersion = caps.get('version')
+    platform = caps.get('platform')
+
+    testConfig = {
+      reportTitle: 'Protractor Test Execution Report',
+      outputPath: dashboardReportDirectory,
+      outputFilename: 'index',
+      screenshotPath: './',
+      testBrowser: browserName,
+      browserVersion: browserVersion,
+      modifiedSuiteName: false,
+      screenshotsOnlyOnFailure: true,
+      testPlatform: platform
+    }
+    new HTMLReport().from(reportsDirectory + '/xml/xmlOutput.xml', testConfig)
+    })
   }
 }