Getproduct description updated.

playwright.config.ts

@@ -4,7 +4,7 @@ import createCustomLogger from "./logger/logger";
 const logger = createCustomLogger();
 
 export const config: LaunchOptions = {
-  timeout: 600000,
+  timeout: 150000,
   headless: true,
   // args:['--window-position=-1070,-100'], //* customized for left-sided portrait monitor.
   slowMo: 300,

src/test/features/UserShopping.feature

@@ -11,7 +11,7 @@ Feature: Verify that the user is able to purchase some item.
     Scenario: User shops for Men Jackets.
         When The user clicks on the "<Section>" section and the user clicks on "<Attire>" option.
         And The products are shown and user navigates to a product.
-        And The price, size of that product is shown.
+        And The details of the product are shown.
 
         Examples:
             | Section  | Attire                    |
@@ -21,7 +21,7 @@ Feature: Verify that the user is able to purchase some item.
     Scenario: User shops for Women Jackets.
         When The user clicks on the "<Section>" section and the user clicks on "<Attire>" option.
         And The products are shown and user navigates to a product.
-        And The price, size of that product is shown.
+        And The details of the product are shown.
 
         Examples:
             | Section    | Attire             |

src/test/hooks/hooks.ts

@@ -9,7 +9,7 @@ let context: BrowserContext;
 
 BeforeAll(async function () {
     pageFixture.logger = createCustomLogger();
-    pageFixture.logger.info('----------------- New Test Run -----------------');
+    pageFixture.logger.info('----------------- New Test Run -----------------' + "\n");
     browser = await chromium.launch(config);
 });
 

src/test/pages/UserShopping.ts

@@ -10,8 +10,8 @@ import { Page, expect } from "@playwright/test";
     export class CategoryAndProductSelectionFacade{
         private userShopping: UserShopping;
 
-        constructor(menSection: UserShopping){
-         this.userShopping = menSection;
+        constructor(userShopping: UserShopping){
+         this.userShopping = userShopping;
     };
 
         public async productSelection(section: string, attire: string){
@@ -22,6 +22,11 @@ import { Page, expect } from "@playwright/test";
             await this.userShopping.showItems();
             await this.userShopping.selectRandomProduct();
         };
+
+        public async showProductDetails(){
+            await this.userShopping.getProductPriceAndSizes();
+            await this.userShopping.selectAndGetProductColors()
+        };
 };
 
     export class UserShopping {
@@ -30,7 +35,7 @@ import { Page, expect } from "@playwright/test";
     };
 
     userShoppingLocators = {
-        menSectionHeader:() => pageFixture.page.locator(getResource('menSectionBtn').selectorValue),
+        shoppingSectionHeader:() => pageFixture.page.locator(getResource('shoppingSectionHeader').selectorValue),
         attireSectionBtn:() => pageFixture.page.locator(getResource('attireSectionBtn').selectorValue),
         itemsShown:() => pageFixture.page.locator(getResource('itemsShown').selectorValue),
         attireSectionOptions:() => pageFixture.page.locator(getResource('attireSectionOptions').selectorValue),
@@ -42,11 +47,12 @@ import { Page, expect } from "@playwright/test";
         getProductSizesAvailable:() => pageFixture.page.locator(getResource('getProductSizesAvailable').selectorValue),
         getCurrentSelectedColor:() => pageFixture.page.locator(getResource('getCurrentSelectedColor').selectorValue),
         getColorSwatches:() => pageFixture.page.locator(getResource('getColorSwatches').selectorValue),
+        getSelectedProductSize:() => pageFixture.page.locator(getResource('getSelectedProductSize').selectorValue)
 
     };
 
     public async goSectionAndAttire(section: string, attire: string):Promise<void>{
-        const el = pageFixture.page.locator(getResource('menSectionBtn').selectorValue.replace('FLAG', section));
+        const el = pageFixture.page.locator(getResource('shoppingSectionHeader').selectorValue.replace('FLAG', section));
         await el.click();
         for(let i=0;i<=0;i++){
             const el = await pageFixture.page.locator(getResource('attireSectionBtn').selectorValue.replace('FLAG', attire));
@@ -56,19 +62,20 @@ import { Page, expect } from "@playwright/test";
 
     public async showItems():Promise<void>{
         const getNumberOfProducts = await this.userShoppingLocators.productShown().count();
-        process.stdout.write('    Products shown -> ' + getNumberOfProducts + '\n');
+        console.log('    Products shown -> ' + getNumberOfProducts + '\n');
         for(let i=1;i<=getNumberOfProducts;i++){
             const getEl = await pageFixture.page.locator(getResource('itemsShown').selectorValue.replace('FLAG', i.toString())).allTextContents();
              for (const text of getEl) {
-                console.log(''+i +")" + " " + text.trim());
+                //console.log(''+i +")" + " " + '\u001b[34m',text.trim());
+                console.log(''+i +")" + " " + '\x1b[36m%s\x1b[0m',text.trim());
              };
         };
     };
 
     public async selectRandomProduct():Promise<void>{
         const getNumberOfProducts = await this.userShoppingLocators.productShown().count();
         let ind: number = Math.floor(Math.random() * (getNumberOfProducts - 1))+ 1;
-        
+
         if (ind == 0) {
             Math.floor(Math.random() * getNumberOfProducts);
         } else {
@@ -78,7 +85,7 @@ import { Page, expect } from "@playwright/test";
         const list = await this.userShoppingLocators.shoppingList().isVisible();
         const listCount = await this.userShoppingLocators.shoppingList().count();
         if (list == true){
-            pageFixture.logger.error('User not navigated, retrying click');
+            pageFixture.logger.warn('User not navigated, retrying click');
             await pageFixture.page.waitForLoadState('networkidle');
             for(let i=0;i<listCount;i++){
             await el.dblclick({force: true, timeout: 3000});
@@ -92,22 +99,27 @@ import { Page, expect } from "@playwright/test";
     public async getProductPriceAndSizes():Promise<void>{
         const priceText = (await this.userShoppingLocators.productPrice().textContent()).trim();
         if(await this.userShoppingLocators.productPrice().isVisible() == true){
-        pageFixture.logger.error('Product price is not visible, attempting to click product again.')
+        pageFixture.logger.warn('Product price is not visible, attempting to click product again.')
         const regEx = /\$\d+\.\d{2}/;
         const matchPriceText = priceText.match(regEx);
         console.log("The price of the product -> "+matchPriceText[0]);
         const sizeText = (await this.userShoppingLocators.productSize().textContent()).trim();
         const getSizes = await this.userShoppingLocators.getProductSizesAvailable().count();
-        console.log(sizeText+'s' + ' available are: ');
+        console.log('\x1b[36m%s\x1b[0m',sizeText+'s' + ' available are: ');
         for(let i=1;i<=getSizes;i++){
             const el = await pageFixture.page.locator(getResource('getProductSize').selectorValue.replace('FLAG', i.toString())).allTextContents();
             for (const text of el) {
-                console.log(''+i +")" + " " + text.trim());
+                console.log(''+i +")" + " " + '\x1b[36m%s\x1b[0m',text.trim());
              };
         }
-    } else {
+        } else {
         return this.selectRandomProduct();
-    }
+        };
+        const getSizes = await this.userShoppingLocators.getProductSizesAvailable().count();
+        let ind: number = Math.floor(Math.random() * (getSizes - 1))+ 1;
+        const sizeEl = (pageFixture.page.locator(getResource('getProductSize').selectorValue.replace('FLAG', `${ind}`)));
+        await sizeEl.click();
+        console.log("Size selected: "+await this.userShoppingLocators.getSelectedProductSize().textContent());
     };
 
     public async selectAndGetProductColors():Promise<void>{
@@ -121,7 +133,9 @@ import { Page, expect } from "@playwright/test";
         await colorToBeSelect.click();
         await this.userShoppingLocators.getCurrentSelectedColor().isVisible();
         const getColor = await this.userShoppingLocators.getCurrentSelectedColor().textContent();
-        console.log(getColor);
+        console.log('Selected color: ' +getColor);
         };
     };
+
+
 };

src/test/resources/userShoppingPage.json

@@ -3,7 +3,7 @@
     "webElements": [
 
         {
-            "elementName": "menSectionBtn",
+            "elementName": "shoppingSectionHeader",
             "selectorValue": "//span[contains(.,'FLAG')]"
         },
         {
@@ -38,6 +38,10 @@
             "elementName": "getProductSize",
             "selectorValue": "//div[contains(@class,'swatch-option text')][FLAG]"
         },
+        {
+            "elementName": "getSelectedProductSize",
+            "selectorValue": "//div[contains(@class,'swatch-attribute size')]//span[2]"
+        },
         {
             "elementName": "getProductSizesAvailable",
             "selectorValue": "//div[contains(@class,'swatch-option text')]"

src/test/steps/userShopping.ts

@@ -14,7 +14,6 @@ When("The products are shown and user navigates to a product.", async function (
     await categoryAndProductSectionFacade.selectRandomItem();
 });
 
-When("The price, size of that product is shown.", async function (){
-    await userShopping.getProductPriceAndSizes();
-    await userShopping.selectAndGetProductColors();
+When("The details of the product are shown.", async function (){
+    await categoryAndProductSectionFacade.showProductDetails();
 });