Merge branch 'e2e-po-tests' of https://github.com/zewa666/skeleton-navigation into zewa666-e2e-po-tests

Author: EisenbergEffect

protractor.conf.js

@@ -8,6 +8,23 @@ exports.config = {
   },
   onPrepare: function() {
     browser.ignoreSynchronization = true;
+
+    by.addLocator('valueBind', function (bindingModel, opt_parentElement) {
+      var using = opt_parentElement || document;
+      var matches = using.querySelectorAll('*[value\\.bind="' + bindingModel +'"]');
+      var result = undefined;
+
+      if (matches.length === 0) {
+        result = null;
+      } else if (matches.length === 1) {
+        result = matches[0];
+      } else {
+        result = matches;
+      }
+
+      return result;
+    });
+
   },
 
   //seleniumAddress: 'http://0.0.0.0:4444',

test/e2e/dist/demo.spec.js

@@ -1,15 +1,46 @@
 "use strict";
 
+var PageObject_Welcome = require("./welcome.po.js").PageObject_Welcome;
+var PageObject_Skeleton = require("./skeleton.po.js").PageObject_Skeleton;
+
+
 describe("aurelia skeleton app", function () {
+  var po_welcome, po_skeleton;
+
   beforeEach(function () {
+    po_skeleton = new PageObject_Skeleton();
+    po_welcome = new PageObject_Welcome();
+
     browser.get("http://localhost:9000");
 
     browser.executeAsyncScript("var cb = arguments[arguments.length - 1];" + "document.addEventListener(\"aurelia-composed\", function (e) {" + "  cb(\"Aurelia App composed\")" + "}, false);").then(function (result) {
       console.log(result);
     });
   });
 
-  it("should load the page", function () {
-    expect(browser.getTitle()).toBe("Welcome | Aurelia");
+  it("should load the page and display the initial page title", function () {
+    expect(po_skeleton.getCurrentPageTitle()).toBe("Welcome | Aurelia");
+  });
+
+  it("should display greeting", function () {
+    expect(po_welcome.getGreeting()).toBe("Welcome to the Aurelia Navigation App!");
+  });
+
+  it("should automatically write down the fullname", function () {
+    po_welcome.setFirstname("Rob");
+    po_welcome.setLastname("Eisenberg");
+    expect(po_welcome.getFullname()).toBe("ROB EISENBERG");
+  });
+
+  it("should show alert message when clicking submit button", function () {
+    expect(po_welcome.openAlertDialog()).toBe(true);
+
+    // close it again otherwhise your testing browser starts to hang
+    /*po_welcome.closeAlert();*/
+  });
+
+  iit("should navigate to flickr page", function () {
+    po_skeleton.navigateTo("#/flickr");
+    expect(po_skeleton.getCurrentPageTitle()).toBe("Flickr | Aurelia");
   });
 });

test/e2e/dist/skeleton.po.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _prototypeProperties = function (child, staticProps, instanceProps) { if (staticProps) Object.defineProperties(child, staticProps); if (instanceProps) Object.defineProperties(child.prototype, instanceProps); };
+
+var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } };
+
+var PageObject_Skeleton = exports.PageObject_Skeleton = (function () {
+  function PageObject_Skeleton() {
+    _classCallCheck(this, PageObject_Skeleton);
+  }
+
+  _prototypeProperties(PageObject_Skeleton, null, {
+    getCurrentPageTitle: {
+      value: function getCurrentPageTitle() {
+        return browser.getTitle();
+      },
+      writable: true,
+      configurable: true
+    },
+    navigateTo: {
+      value: function navigateTo(href) {
+        var deferred = protractor.promise.defer();
+        element(by.css("a[href=\"" + href + "\"]")).click().then(function () {
+          browser.sleep(2000);
+          deferred.fulfill(true);
+        });
+
+        return deferred.promise;
+      },
+      writable: true,
+      configurable: true
+    }
+  });
+
+  return PageObject_Skeleton;
+})();
+exports.__esModule = true;

test/e2e/dist/welcome.po.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _prototypeProperties = function (child, staticProps, instanceProps) { if (staticProps) Object.defineProperties(child, staticProps); if (instanceProps) Object.defineProperties(child.prototype, instanceProps); };
+
+var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } };
+
+var PageObject_Welcome = exports.PageObject_Welcome = (function () {
+  function PageObject_Welcome() {
+    _classCallCheck(this, PageObject_Welcome);
+  }
+
+  _prototypeProperties(PageObject_Welcome, null, {
+    getGreeting: {
+      value: function getGreeting() {
+        return element(by.tagName("h2")).getText();
+      },
+      writable: true,
+      configurable: true
+    },
+    setFirstname: {
+      value: function setFirstname(value) {
+        return element(by.valueBind("firstName")).clear().sendKeys(value);
+      },
+      writable: true,
+      configurable: true
+    },
+    setLastname: {
+      value: function setLastname(value) {
+        return element(by.valueBind("lastName")).clear().sendKeys(value);
+      },
+      writable: true,
+      configurable: true
+    },
+    getFullname: {
+      value: function getFullname() {
+        return element(by.css(".help-block")).getText();
+      },
+      writable: true,
+      configurable: true
+    },
+    pressSubmitButton: {
+      value: function pressSubmitButton() {
+        return element(by.css("button[type=\"submit\"]")).click();
+      },
+      writable: true,
+      configurable: true
+    },
+    openAlertDialog: {
+      value: function openAlertDialog() {
+        var _this = this;
+        return browser.wait(function () {
+          _this.pressSubmitButton();
+
+          return browser.switchTo().alert().then(function (alert) {
+            alert.dismiss();return true;
+          }, function () {
+            return false;
+          });
+        });
+      },
+      writable: true,
+      configurable: true
+    },
+    closeAlert: {
+      value: function closeAlert() {},
+      writable: true,
+      configurable: true
+    }
+  });
+
+  return PageObject_Welcome;
+})();
+exports.__esModule = true;

test/e2e/src/demo.spec.js

@@ -1,5 +1,14 @@
+import {PageObject_Welcome} from './welcome.po.js';
+import {PageObject_Skeleton} from './skeleton.po.js';
+
 describe('aurelia skeleton app', function() {
+  var po_welcome,
+      po_skeleton;
+
   beforeEach( () => {
+    po_skeleton = new PageObject_Skeleton();
+    po_welcome = new PageObject_Welcome();
+
     browser.get('http://localhost:9000');
 
     browser.executeAsyncScript(
@@ -12,7 +21,26 @@ describe('aurelia skeleton app', function() {
     });
   });
 
-  it('should load the page', function() {
-    expect(browser.getTitle()).toBe('Welcome | Aurelia');
+  it('should load the page and display the initial page title', () => {
+    expect(po_skeleton.getCurrentPageTitle()).toBe('Welcome | Aurelia');
+  });
+
+  it('should display greeting', () => {
+    expect(po_welcome.getGreeting()).toBe('Welcome to the Aurelia Navigation App!');
+  });
+
+  it('should automatically write down the fullname', () => {
+    po_welcome.setFirstname('Rob');
+    po_welcome.setLastname('Eisenberg');
+    expect(po_welcome.getFullname()).toBe('ROB EISENBERG');
+  });
+
+  it('should show alert message when clicking submit button', () => {
+    expect(po_welcome.openAlertDialog()).toBe(true);
+  });
+
+  it('should navigate to flickr page', () => {
+    po_skeleton.navigateTo('#/flickr');
+    expect(po_skeleton.getCurrentPageTitle()).toBe('Flickr | Aurelia');
   });
 });

test/e2e/src/skeleton.po.js

@@ -0,0 +1,20 @@
+export class PageObject_Skeleton {
+
+  constructor() {
+
+  }
+
+  getCurrentPageTitle() {
+    return browser.getTitle();
+  }
+
+  navigateTo(href) {
+    var deferred = protractor.promise.defer();
+    element(by.css('a[href="' + href + '"]')).click().then( () => {
+      browser.sleep(2000);
+      deferred.fulfill(true);
+    });
+
+    return deferred.promise;
+  }
+}

test/e2e/src/welcome.po.js

@@ -0,0 +1,37 @@
+export class PageObject_Welcome {
+
+  constructor() {
+
+  }
+
+  getGreeting() {
+    return element(by.tagName('h2')).getText();
+  }
+
+  setFirstname(value) {
+    return element(by.valueBind('firstName')).clear().sendKeys(value);
+  }
+
+  setLastname(value) {
+    return element(by.valueBind('lastName')).clear().sendKeys(value);
+  }
+
+  getFullname() {
+    return element(by.css('.help-block')).getText();
+  }
+
+  pressSubmitButton() {
+    return element(by.css('button[type="submit"]')).click();
+  }
+
+  openAlertDialog() {
+    return browser.wait(() => {
+      this.pressSubmitButton();
+
+      return browser.switchTo().alert().then(
+        function(alert) { alert.dismiss(); return true; },
+        function() { return false; }
+      );
+    });
+  }
+}