ui tests

README.md

@@ -19,3 +19,9 @@ npm start
 ```
 
 You browser should automatically open a tab at http://localhost:3000
+
+## Running UI tests
+
+```shell
+mocha tests/selenium/*
+```

package.json

@@ -7,7 +7,12 @@
     "url": "[email protected]:mozilla-sensorweb/sensorweb-admin-panel.git"
   },
   "devDependencies": {
-    "react-scripts": "0.4.1"
+    "react-scripts": "0.4.1",
+    "chai": "^3.5.0",
+    "chromedriver": "^2.27.2",
+    "mocha": "^2.5.3",
+    "selenium-webdriver": "^3.0.1",
+    "wd": "^0.4.0"
   },
   "dependencies": {
     "classnames": "^2.2.5",

tests/selenium/mainPage.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var LoginView = require('./views/login/view.js');
+
+function MainPage(driver) {
+    this.driver = driver;
+}
+
+MainPage.prototype = {
+    getLogInPage : function() {
+        return new LoginView(this.driver);
+    },
+
+    stop() {
+    return this.driver.quit();
+  },
+};
+
+module.exports = MainPage;

tests/selenium/test_login.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var assert = require('assert');
+var webdriver = require('selenium-webdriver');
+var chrome = require('selenium-webdriver/chrome');
+var path = require('chromedriver').path;
+
+const By = require('selenium-webdriver').By;
+const until = webdriver.until;
+
+var service = new chrome.ServiceBuilder(path).build();
+    chrome.setDefaultService(service);
+
+var HOST_URL = 'http://localhost:3000'
+
+describe( 'Show main page', function(done) {
+
+    var mochaTimeOut = 30000; //ms
+    var driver;
+
+    var MainPage = require('./mainPage');
+    var mainPage;
+    var loginView;
+    var elements;
+
+
+    before(function() {
+        this.timeout(mochaTimeOut);
+        driver = new webdriver.Builder()
+        .withCapabilities(webdriver.Capabilities.chrome())
+        .build();
+    });
+
+    after(() => mainPage.stop());
+
+    beforeEach(function() {
+       driver.get(HOST_URL)
+    });
+
+    it('should be titled sensorweb', function () {
+    this.timeout(mochaTimeOut);
+      return driver.wait(webdriver.until.titleIs('SensorWeb'), 5000)
+        .then(function(value) {
+          return assert.equal(value, true);
+        });
+    });
+
+    describe('Sign In', function() {
+
+        beforeEach(function() {
+          elements = {
+            pwd: driver.findElement(webdriver.By.css('#app > div > div.jumbotron > div > div > form > div:nth-child(2) > input')),
+            signIn: driver.findElement(webdriver.By.css('button.btn.btn-primary.btn-lg'))
+          };
+            mainPage = new MainPage(driver);
+            loginView = mainPage.getLogInPage();
+            return loginView;   
+        });
+
+        it('should have the rights fields', function() {
+            var types = {
+            pwd: 'password',
+            signIn: 'submit'
+            };
+            var promises = Object.keys(elements).map(function(key) {
+                return elements[key].getAttribute('type')
+                .then(function(value) {
+                assert.equal(value, types[key]);
+                });
+            });
+            return Promise.all(promises);
+        });
+
+        it('should error if wrong password', function () {
+            return loginView.incorrectLogin('a')
+            .then((text) => { assert.equal(text, 'Unauthorized')});
+        });
+
+        it('should error if empty password', function () {
+            return loginView.incorrectLogin('')
+            .then((text) => { assert.equal(text, 'Unauthorized')});
+        });
+
+        it('should login if password is correct', function () {
+            // The password should be the one used in server -> dev.json file
+            return loginView.correctPassword('PasswordSet')
+        });
+   });
+});

tests/selenium/views/accessors.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const until = require('selenium-webdriver').until;
+
+
+function Accessors(driver) {
+  this.driver = driver;
+}
+
+Accessors.prototype = {
+  waitForElement(locator) {
+    const element = this.driver.wait(until.elementLocated(locator));
+    return this.driver.wait(until.elementIsEnabled(element));
+  },
+};
+
+module.exports = Accessors;

tests/selenium/views/login/accessors.js

@@ -0,0 +1,27 @@
+'use strict';
+
+const By = require('selenium-webdriver').By;
+const Accessors = require('../accessors');
+
+
+function LoginAccessors() {
+  Accessors.apply(this, arguments);
+}
+
+LoginAccessors.prototype = Object.assign({
+
+  get passwordField() {
+    return this.waitForElement(By.css('#app > div > div.jumbotron > div > div > form > div:nth-child(2) > input'));
+  },
+
+  get singInButton() {
+    return this.waitForElement(By.css('#app > div > div.jumbotron > div > div > form > div:nth-child(3) > button'));
+  },
+
+  get unauthorizedError() {
+  	return this.waitForElement(By.css('#app > div > div.jumbotron > div > div > form > div.form-group.has-error > span'))
+  }
+
+}, Accessors.prototype);
+
+module.exports = LoginAccessors;

tests/selenium/views/login/view.js

@@ -0,0 +1,36 @@
+'use strict';
+
+const View = require('../view');
+const LoginAccessors = require('./accessors');
+
+
+function LoginView() {
+  [].push.call(arguments, LoginAccessors);
+  View.apply(this, arguments);
+
+  this.accessors.passwordField;
+  this.accessors.singInButton;
+}
+
+LoginView.prototype = Object.assign({
+
+  correctPassword(password) {
+    return this.accessors.passwordField.sendKeys(password)
+    .then(() => { this.accessors.singInButton.click() 
+    .then(() => {
+      const SignedInView = require('../signed_in/view');
+      return new SignedInView(this.driver);
+    });
+  });
+  },
+
+  incorrectLogin(password) {
+    return this.accessors.passwordField.sendKeys(password)
+      .then(()=>{
+        return this.accessors.singInButton.click()
+      }).then(() => { return this.accessors.unauthorizedError.getText()})
+  }
+
+}, View.prototype);
+
+module.exports = LoginView;

tests/selenium/views/signed_in/accessors.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const By = require('selenium-webdriver').By;
+const Accessors = require('../accessors');
+
+
+function SignedInAccessors() {
+  Accessors.apply(this, arguments);
+}
+
+SignedInAccessors.prototype = Object.assign({
+
+  //TBD
+
+}, Accessors.prototype);
+
+module.exports = SignedInAccessors;

tests/selenium/views/signed_in/view.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const View = require('../view');
+const SignedInAccessors = require('./accessors');
+
+
+function SignedInView() {
+  [].push.call(arguments, SignedInAccessors);
+  View.apply(this, arguments);
+}
+
+SignedInView.prototype = Object.assign({
+
+ // Functions for the SingedIn View TBD
+
+}, View.prototype);
+
+module.exports = SignedInView;

tests/selenium/views/view.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function View(driver, Accessors) {
+  this.driver = driver;
+  this.accessors = new Accessors(driver);
+}
+
+module.exports = View;