Catalog FO tests with puppeteer - Sanity tests campaign

tests/puppeteer/campaigns/sanity/catalogFO/01_filterProducts.js

@@ -0,0 +1,49 @@
+// Using chai
+const {expect} = require('chai');
+
+// Importing pages
+const HomePage = require('../../../pages/FO/home');
+const ProductPage = require('../../../pages/FO/product');
+
+let page;
+let homePage;
+let productPage;
+let allProductsNumber = 0;
+
+// creating pages objects in a function
+const init = async () => {
+  page = await global.browser.newPage();
+  homePage = await (new HomePage(page));
+  productPage = await (new ProductPage(page));
+};
+
+/*
+  Open the FO home page
+  Get the product number
+  Filter products by a category
+  Filter products by a subcategory
+ */
+global.scenario('Filter Products by categories in Home page', () => {
+  test('should open the shop page', async () => {
+    await homePage.goTo(global.URL_FO);
+    await homePage.checkHomePage();
+  });
+
+  test('should check and get the products number', async () => {
+    await homePage.waitForSelectorAndClick(homePage.allProductLink);
+    allProductsNumber = await homePage.getNumberOfProducts();
+    await expect(allProductsNumber).to.be.above(0);
+  });
+
+  test('should filter products by the category "Accessories" and check result', async () => {
+    await homePage.filterByCategory('6');
+    const numberOfProducts = await homePage.getNumberOfProducts();
+    await expect(numberOfProducts).to.be.below(allProductsNumber);
+  });
+
+  test('should filter products by the subcategory "Stationery" and check result', async () => {
+    await homePage.filterSubCategory('6', '7');
+    const numberOfProducts = await homePage.getNumberOfProducts();
+    await expect(numberOfProducts).to.be.below(allProductsNumber);
+  });
+}, init, true);

tests/puppeteer/campaigns/sanity/catalogFO/02_checkProduct.js

@@ -0,0 +1,31 @@
+// Using chai
+const {expect} = require('chai');
+
+// Importing pages
+const HomePage = require('../../../pages/FO/home');
+const ProductPage = require('../../../pages/FO/product');
+const ProductData = require('../../data/FO/product');
+
+let page;
+let homePage;
+let productPage;
+
+// creating pages objects in a function
+const init = async () => {
+  page = await global.browser.newPage();
+  homePage = await (new HomePage(page));
+  productPage = await (new ProductPage(page));
+};
+
+/*
+  Open the FO home page
+  Check the first product page
+ */
+global.scenario('Check the Product page', () => {
+  test('should open the shop page', async () => {
+    await homePage.goTo(global.URL_FO);
+    await homePage.checkHomePage();
+  });
+  test('should go to the first product page', () => homePage.goToProductPage('1'));
+  test('should check the product page', () => productPage.checkProduct(ProductData.firstProductData));
+}, init, true);

tests/puppeteer/pages/FO/home.js

@@ -9,6 +9,9 @@ module.exports = class Home extends CommonPage {
     this.productImg = '#content .products div:nth-child(%NUMBER) article img';
     this.userInfoLink = '#_desktop_user_info';
     this.contactLink = '#contact-link';
+    this.allProductLink = '#content  a.all-product-link';
+    this.totalProducts = '#js-product-list-top .total-products > p';
+    this.categoryMenu = '#category-%ID > a'
   }
 
   /**
@@ -19,11 +22,39 @@ module.exports = class Home extends CommonPage {
   }
 
   /**
-   * Go the product page
+   * Go to the product page
    * @param id, product id
    */
   async goToProductPage(id) {
     await this.page.waitForSelector(this.logoHomePage, {visible: true});
     await this.waitForSelectorAndClick(this.productImg.replace('%NUMBER', id), 5000);
   }
+
+  /**
+   * Get number of products displayed in all products page
+   * @return integer
+   */
+  async getNumberOfProducts() {
+    const productNumber = await this.getTextContent(this.totalProducts);
+    const numberOfProduct = /\d+/g.exec(productNumber.match(/Il y a ([0-9]+)/)).toString();
+    return parseFloat(numberOfProduct);
+  }
+
+  /**
+   * Filter by category
+   * @param categoryID, category id from the BO
+   */
+  async filterByCategory(categoryID) {
+    await this.waitForSelectorAndClick(this.categoryMenu.replace('%ID', categoryID))
+  }
+
+  /**
+   * Filter by subcategory
+   * @param categoryID, category id from the BO
+   * @param subCategoryID, subcategory id from the BO
+   */
+  async filterSubCategory(categoryID, subCategoryID) {
+    await this.page.hover(this.categoryMenu.replace('%ID', categoryID));
+    await this.waitForSelectorAndClick(this.categoryMenu.replace('%ID', subCategoryID))
+  }
 };