Updted POM test case to be E2E

Author: swapnsharma

README.md

@@ -17,7 +17,7 @@
 5. Tests run parallel on local browsers
 `npm run local-parallel`
 
-6. Tests run on Docker Selenium Grid
+6. Tests run on Docker Selenium Grid. Make sure you have docker service running.
 `npm run docker`
 
 7. Tests run parallel on Docker Selenium Grid

conf/wdio-local-pom.conf.js

@@ -3,7 +3,7 @@ var _ = require("lodash");
 
 var overrides = {
   specs: [
-    './test/specs/pom/**/login*.js'
+    './test/specs/pom/*.js'
   ],
 };
 

test/pageobjects/page.js renamed to test/pageobjects/basePage.js

@@ -0,0 +1,62 @@
+const Page = require('./basePage');
+/**
+ * sub page containing specific selectors and methods for a specific page
+ */
+class CheckoutPage extends Page {
+  /**
+   * define selectors using getter methods
+   */
+  get firstNameInput() {
+    return $('#firstNameInput')
+  }
+
+  get lastNameInput() {
+    return $('#lastNameInput')
+  }
+
+  get addressLine1Input() {
+    return $('#addressLine1Input')
+  }
+
+  get provinceInput() {
+    return $('#provinceInput')
+  }
+
+  get postCodeInput() {
+    return $('#postCodeInput')
+  }
+
+  get checkoutShippingContinue() {
+    return $('#checkout-shipping-continue')
+  }
+
+  enterFirstName(firstName) {
+    this.firstNameInput.setValue(firstName);
+  }
+
+  enterLastName(lastName) {
+    this.lastNameInput.setValue(lastName);
+  }
+
+  enterAddressLine1(addressLine1) {
+    this.addressLine1Input.setValue(addressLine1);
+  }
+
+  enterProvince(province) {
+    this.provinceInput.setValue(province);
+  }
+
+  enterPostCode(postCode) {
+    this.postCodeInput.setValue(postCode);
+  }
+
+  clickSubmit() {
+    this.checkoutShippingContinue.click();
+  }
+
+  open() {
+    return super.open('');
+  }
+}
+
+module.exports = new CheckoutPage();

test/pageobjects/checkoutPage.js

@@ -0,0 +1,27 @@
+const Page = require('./basePage');
+/**
+ * sub page containing specific selectors and methods for a specific page
+ */
+class ConfirmationPage extends Page {
+  /**
+   * define selectors using getter methods
+   */
+  get confirmationMessage() {
+    return $('#confirmation-message')
+  }
+
+  get continueShoppingButton() {
+    return $('div.continueButtonContainer button')
+  }
+
+  clickContinueShoppingButton() {
+    this.continueShoppingButton.click();
+  }
+
+  waitForConfirmationToBeDisplayed() {
+    this.confirmationMessage.waitForDisplayed({ timeout: 5000 });
+  }
+
+}
+
+module.exports = new ConfirmationPage();

test/pageobjects/confirmationPage.js

@@ -1,5 +1,6 @@
-const Page = require('./page');
+const Page = require('./basePage');
 require('./signInPage');
+let phoneName = '';
 /**
  * sub page containing specific selectors and methods for a specific page
  */
@@ -11,10 +12,52 @@ class HomePage extends Page {
     return $('#signin')
   }
 
+  get ordersLink() {
+    return $('#orders')
+  }
+
+  get ordersLink() {
+    return $('#orders')
+  }
+
+  get iPhoneXSElement() {
+    return $("//p[text() = 'iPhone XS']/../div[@class = 'shelf-item__buy-btn']")
+  }
+
+  get phonesBuyButton() {
+    return $("//p[text() = '" + phoneName + "']/../div[@class = 'shelf-item__buy-btn']")
+  }
+
+  get cartCloseButton() {
+    return $('.float-cart__close-btn')
+  }
+
+  get buyButton() {
+    return $('.buy-btn')
+  }
+
   navigateToSignIn() {
     this.signInLink.click();
   }
 
+  navigateToOrders() {
+    this.ordersLink.click();
+  }
+
+  selectPhone(phoneToSelect) {
+    phoneName = phoneToSelect;
+    this.phonesBuyButton.click();
+  }
+
+  closeCartModal() {
+    this.cartCloseButton.click();
+  }
+
+  clickBuyButton() {
+    this.buyButton.waitForClickable({ timeout: 5000 });
+    this.buyButton.click();
+  }
+
   open() {
     return super.open('');
   }

test/pageobjects/homePage.js

@@ -0,0 +1,23 @@
+const Page = require('./basePage');
+
+/**
+ * sub page containing specific selectors and methods for a specific page
+ */
+class OrdersPage extends Page {
+  /**
+   * define selectors using getter methods
+   */
+  get allOrders() {
+    return $$('.order')
+  }
+
+  get firstOrder() {
+    return $('.order')
+  }
+
+  waitforOrdersToDisplay() {
+    this.firstOrder.waitForDisplayed({ timeout: 5000 });
+  }
+}
+
+module.exports = new OrdersPage();

test/pageobjects/ordersPage.js

@@ -1,4 +1,4 @@
-const Page = require('./page');
+const Page = require('./basePage');
 
 /**
  * sub page containing specific selectors and methods for a specific page

test/pageobjects/signInPage.js

@@ -31,8 +31,8 @@ describe('Order a product', () => {
 
     $("#confirmation-message").waitForDisplayed({ timeout: 5000 });
     expect($('#confirmation-message')).toHaveText('Your Order has been successfully placed.');
-
     $("div.continueButtonContainer button").click();
+    
     $('#orders').click();
     $(".order").waitForDisplayed({ timeout: 5000 });
     expect($$('.order')).toHaveLength(1);