Merge pull request #427 from isabelrios/ui_app_test

first try for test to open the webapp

Author: isabelrios

test/selenium/app_test.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var Prepper = require('./lib/testPrepperSelenium.js');
+var webdriver = require('selenium-webdriver');
+
+var HOST_URL = 'https://fxbox.github.io/app';
+
+var SetUpWebapp = require('./lib/setup_webapp.js');
+var webAppMainPage;
+var setUpWebapp;
+
+Prepper.makeSuite('Test to open web app', function() {
+
+  describe('UI app', function() {
+  var driver;
+  this.timeout(10000);
+
+  const PASSWORD = '12345678';
+
+  before(function() {
+    driver = new webdriver.Builder().
+      forBrowser('firefox').
+      build();
+  });
+
+  beforeEach(function() {
+    driver.get(HOST_URL);
+  });
+
+  after(function() {
+    driver.quit();
+  });
+
+  describe('open the web app', function() {
+
+    beforeEach(function() {
+      setUpWebapp = new SetUpWebapp(driver);
+      webAppMainPage = setUpWebapp.getAppMainView();
+      return webAppMainPage;
+    });
+
+    it('should log in from web app', function() {
+      return webAppMainPage.connectToFoxBox().then((setUpView) => {
+        setUpView.successSignUpFromApp(PASSWORD);
+        });
+    });
+  });
+});
+});

test/selenium/lib/foxboxHelperSelenium.js

@@ -0,0 +1,44 @@
+'use strict';
+const fs = require('fs');
+const path = require('path');
+
+const spawn = require('child_process').spawn;
+
+var FOXBOX_STARTUP_WAIT_TIME_IN_MS = 5000;
+var foxboxInstance;
+
+var helper = (function() {
+
+  function _removeFileIfItExists(filename,errMsg) {
+    try {
+      fs.unlinkSync(path.join(process.env.HOME,
+      filename));
+    } catch (e) {
+      if (e.code === 'ENOENT') {
+        console.log(errMsg);
+      }
+    }
+  }
+
+  function removeUsersDB() {
+    _removeFileIfItExists('/.local/share/foxbox-debug/users_db.sqlite',
+      'User DB not found!');
+  }
+
+  function fullOptionStart(callback) {
+  foxboxInstance = spawn('./target/debug/foxbox',
+    ['-c',
+    '--disable-tls']); 
+  setTimeout(callback, FOXBOX_STARTUP_WAIT_TIME_IN_MS);
+  }
+
+  function killFoxBox() {
+    foxboxInstance.kill('SIGINT');
+  }
+
+  return {
+    removeUsersDB, fullOptionStart, killFoxBox,
+    };
+})();
+
+module.exports = helper;

test/selenium/lib/setup_webapp.js

@@ -2,18 +2,23 @@
 
 var SignedInPageView = require('./view/signed_in/view.js');
 var SetUpView = require('./view/sign_up/view.js');
+var MainView = require('./view/app_main/view.js');
 
 function SetUpWebapp(driver) {
     this.driver = driver;
 }
 
 SetUpWebapp.prototype = {
     getSignInPage : function() {
-        return new SignedInPageView(this.driver);
+      return new SignedInPageView(this.driver);
     },
 
     getSetUpView : function() {
-        return new SetUpView(this.driver);
+      return new SetUpView(this.driver);
+    },
+
+    getAppMainView : function() {
+      return new MainView(this.driver);
     }
 };
 

test/selenium/lib/testPrepperSelenium.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var foxboxManager = require('./foxboxHelperSelenium.js');
+
+var testPrepperSelenium = (function() {
+
+  function beforeTest(done) {
+
+    console.log('test started');
+    foxboxManager.fullOptionStart(done);
+  }
+
+  function makeSuite(desc, test) {
+    describe(desc, function () {
+      this.timeout(5000000);
+      before(beforeTest);
+      test();
+      after(function() {
+        foxboxManager.killFoxBox();
+        foxboxManager.removeUsersDB();
+      });
+    });
+  }
+
+  return { makeSuite, foxboxManager};
+})();
+
+module.exports = testPrepperSelenium;

test/selenium/lib/view/accessors.js

@@ -0,0 +1,15 @@
+var until = require('selenium-webdriver').until;
+
+function Accessors(driver) {
+  this.driver = driver;
+}
+
+Accessors.prototype = {
+  waitForElement: function(locator) {
+    var element = this.driver.wait(until.elementLocated(locator));
+    return this.driver.wait(until.elementIsVisible(element));
+  }
+
+};
+
+module.exports = Accessors;

test/selenium/lib/view/app_main/accessors.js

@@ -0,0 +1,17 @@
+var By = require('selenium-webdriver').By;
+var Accessors = require('../accessors');
+
+
+function MainAccessors() {
+  Accessors.apply(this, arguments);
+}
+
+MainAccessors.prototype = Object.assign({
+
+  get connectToFoxBoxButton() {
+    return this.waitForElement(By.css('.user-login__login-button'));
+  }
+
+}, Accessors.prototype);
+
+module.exports = MainAccessors;

test/selenium/lib/view/app_main/view.js

@@ -0,0 +1,23 @@
+var View = require('../view');
+var MainAccessors = require('./accessors');
+
+
+function MainView() {
+  [].push.call(arguments, MainAccessors);
+  View.apply(this, arguments);
+  
+  this.accessors.connectToFoxBoxButton;
+}
+
+MainView.prototype = Object.assign({
+
+  connectToFoxBox: function() {
+    return this.accessors.connectToFoxBoxButton.click().then(() => {
+     var SetUpView = require('../sign_up/view');
+     return new SetUpView(this.driver);
+    });
+  }
+
+}, View.prototype);
+
+module.exports = MainView;

test/selenium/lib/view/services/accessors.js

@@ -0,0 +1,16 @@
+var By = require('selenium-webdriver').By;
+var Accessors = require('../accessors');
+
+function ServicesAccessors() {
+  Accessors.apply(this, arguments);
+}
+
+ServicesAccessors.prototype = Object.assign({
+
+  get logOutButton() {
+    return this.waitForElement(By.css('.user-logout-button'));
+  },
+
+}, Accessors.prototype);
+
+module.exports = ServicesAccessors;

test/selenium/lib/view/services/view.js

@@ -0,0 +1,17 @@
+var View = require('../view');
+var ServicesAccessors = require('./accessors');
+
+
+function ServicesView() {
+  [].push.call(arguments, ServicesAccessors);
+  View.apply(this, arguments);
+
+  this.accessors.logOutButton;  // Wait until it appears
+}
+
+ServicesView.prototype = Object.assign({
+
+ // To add functions here
+
+}, View.prototype);
+module.exports = ServicesView;

test/selenium/lib/view/sign_up/view.js

@@ -49,6 +49,18 @@ SetUpView.prototype = {
         });
     },
 
+    successSignUpFromApp: function(password) {
+        return this.accessors.insertPassword.sendKeys(password)
+        .then(() => {
+            return this.accessors.confirmPassword.sendKeys(password);
+        }).then(() => {
+            return this.accessors.submitButton.click();
+        }).then(() => {
+            var ServicesView = require('../services/view');
+            return new ServicesView(this.driver);
+        });
+    },
+
     failureLogin: function(password, confirmPassword) {
         return this.accessors.insertPassword.sendKeys(password)
         .then(() => {