add e2e test for login page

Author: PinkyJie

app/templates/client/source/app/login/login.jade

@@ -13,7 +13,7 @@
             lx-text-field(label="Password", fixed-label="true", icon="key")
                 input(type="password", ng-model="vm.credential.password", required)
         .card__actions.text-center(class="p+")
-            button.btn.btn--l.btn--blue.btn--raised(type="submit",
+            button.btn.btn--l.btn--blue.btn--raised.btn-login(type="submit",
                 ng-disabled="vm.loginForm.$invalid || vm.isRequest",
                 ng-class="{'btn--is-disabled': vm.loginForm.$invalid}",
                 lx-ripple,

app/templates/client/source/test/e2e/helper.js

@@ -5,7 +5,9 @@ module.exports = function () {
     return {
         gotoUrl: gotoUrl,
         getHeader: getHeader,
-        takeScreenshotIfFail: takeScreenshotIfFail
+        takeScreenshotIfFail: takeScreenshotIfFail,
+        waitForPromiseTest: waitForPromiseTest,
+        expectUrlToMatch: expectUrlToMatch
     };
 
     //////////
@@ -43,4 +45,19 @@ module.exports = function () {
             });
         }
     }
+
+    function waitForPromiseTest (promiseFn, testFn) {
+        browser.wait(function () {
+            var deferred = protractor.promise.defer();
+            promiseFn.then(function (data) {
+                deferred.fulfill(testFn(data));
+            });
+            return deferred.promise;
+        }, browser.params.timeout);
+    }
+
+    function expectUrlToMatch (url) {
+        expect(browser.getCurrentUrl()).toMatch(new RegExp(url));
+    }
+
 };

app/templates/client/source/test/e2e/specs/home.spec.js

@@ -7,6 +7,7 @@ var HomePage = function () {
 
     self.url = '';
     self.ele = _getAllElements();
+
     self.load = load;
 
     ////////
@@ -27,7 +28,7 @@ var HomePage = function () {
     }
 };
 
-module.exports = HomePage;
+module.exports = new HomePage();
 
 // test scenarios
 describe('Home Page:', function () {
@@ -54,7 +55,7 @@ describe('Home Page:', function () {
 
     it('should go to login page if click get started', function () {
         page.ele.getStartedBtn.click();
-        expect(browser.getCurrentUrl()).toMatch(/login/);
+        browser._.expectUrlToMatch('login');
     });
 
 });

app/templates/client/source/test/e2e/specs/login.spec.js

@@ -0,0 +1,101 @@
+/* global $ */
+'use strict';
+
+// page object
+var LoginPage = function () {
+    var self = this;
+
+    self.url = 'login';
+    self.ele = _getAllElements();
+    self.urlAfterLogin = 'dashboard';
+    self.logoutUrl = 'login?action=logout';
+
+    self.load = load;
+    self.loginWithCredential = loginWithCredential;
+
+    ////////
+
+    function _getAllElements () {
+        return {
+            'loadingView': $('.login-checking'),
+            'loadingIcon': $('.login-checking > .mdi-sync'),
+            'accountIcon': $('.login-checking > .mdi-account'),
+            'loadingText': $('.login-checking > .loading-text'),
+            'loginMessage': $('.login-message > p'),
+            'emailInput': element(by.model('vm.credential.email')),
+            'passwordInput': element(by.model('vm.credential.password')),
+            'loginBtn': $('.btn-login')
+        };
+    }
+
+    function load () {
+        browser._.gotoUrl(self.url);
+    }
+
+    function loginWithCredential (email, password) {
+        self.ele.emailInput.sendKeys(email);
+        self.ele.passwordInput.sendKeys(password);
+        expect(self.ele.loginBtn.isEnabled()).toBe(true);
+        self.ele.loginBtn.click();
+    }
+};
+
+module.exports = new LoginPage();
+
+// test scenarios
+describe('Login Page:', function () {
+    var page;
+    beforeEach(function () {
+        page = new LoginPage();
+        page.load();
+    });
+
+    afterEach(function () {
+        browser._.takeScreenshotIfFail();
+    });
+
+    it('should login successfully with correct credential', function () {
+        expect(page.ele.loginBtn.isEnabled()).toBe(false);
+        page.loginWithCredential('f@f', 'f');
+        browser._.expectUrlToMatch(page.urlAfterLogin);
+    });
+
+    it('should display error message with incorrect credential', function () {
+        expect(page.ele.loginMessage.isPresent()).toBe(false);
+        page.loginWithCredential('[email protected]', 'f');
+        expect(page.ele.loginMessage.isDisplayed()).toBe(true);
+        expect(page.ele.loginMessage.getText())
+            .toEqual('Incorrect email or password, please try again!');
+    });
+
+    it('should display error message with locked account', function () {
+        expect(page.ele.loginMessage.isPresent()).toBe(false);
+        page.loginWithCredential('[email protected]', 'f');
+        expect(page.ele.loginMessage.isDisplayed()).toBe(true);
+        expect(page.ele.loginMessage.getText())
+            .toEqual('Your account is locked!');
+    });
+
+});
+
+describe('Logout Page:', function () {
+    var page;
+    beforeEach(function () {
+        page = new LoginPage();
+        browser._.gotoUrl(page.logoutUrl);
+    });
+
+    afterEach(function () {
+        browser._.takeScreenshotIfFail();
+    });
+
+    it('should not display loading view', function () {
+        expect(page.ele.loadingView.isPresent()).toBe(false);
+    });
+
+    it('should display success logout message', function () {
+        expect(page.ele.loginMessage.isDisplayed()).toBe(true);
+        expect(page.ele.loginMessage.getText())
+            .toEqual('You have been successfully logged out!');
+    });
+});