add base page locators and methods

Author: ersu-amine

fixtures/pageFixtures.ts

@@ -1,14 +1,19 @@
 import { test as base, Page } from "@playwright/test";
+import { BasePage } from "../pages/BasePage";
 import { LoginPage } from "../pages/LoginPage";
 import { RegistrationPage } from "../pages/RegistrationPage";
 
 type MyFixtures = {
+  basePage: BasePage;
   loginPage: LoginPage;
   registrationPage: RegistrationPage;
   //add more types here
 };
 
 export const test = base.extend<MyFixtures>({
+  basePage: async ({ page }, use) => {
+    await use(new BasePage(page));
+  },  
   loginPage: async ({ page }, use) => {
     await use(new LoginPage(page));
   },

pages/BasePage.ts

@@ -1 +1,39 @@
-//TODO
+import { Page, Locator, expect } from "@playwright/test";
+import settings from "../tests/config/settings.json";
+
+export class BasePage{
+    readonly page:Page;
+    readonly homeLink:Locator;
+    readonly loginLink:Locator;
+    readonly contactLink:Locator;
+    readonly categoriesLink:Locator;
+    readonly categoriesDropdown:Locator;
+
+    constructor(page:Page) {
+        this.page = page;
+        this.homeLink = page.locator("//a[@data-test='nav-home']");
+        this.loginLink = page.locator("//a[@data-test='nav-sign-in']");
+        this.contactLink = page.locator("//a[@data-test='nav-contact']");
+        this.categoriesLink = page.locator("//a[@data-test='nav-categories']");
+        this.categoriesDropdown = page.locator("//ul[@aria-label='nav-categories']//a");
+        
+    }
+
+    async navigateToHome(){
+        await this.page.goto(settings.HOME_URL);
+    }
+    
+    async navigateToLogin(){
+        await this.loginLink.click();
+    }
+
+    async navigateToContact(){
+        await this.contactLink.click();
+    }
+    
+    async navigateToCategory(categoryName:string){
+        await this.categoriesLink.click();
+        const categoryOption = this.page.locator(`//ul[@aria-label='nav-categories']//a[text()='${categoryName}']`);
+        await categoryOption.click();
+    }
+}

tests/features/add-to-cart.feature

@@ -0,0 +1,29 @@
+Feature: Add items to shopping cart
+
+  As a user
+  I want to add products to my shopping cart
+  So that I can purchase them later
+
+  Background:
+    Given the user is on the homepage
+
+  Scenario: Add single product to the cart
+    When the user selects a product "Thor Hammer"
+    And the user clicks the "Add to Cart" button
+    Then the shopping cart should contain 1 item
+    And the cart total should update accordingly
+
+#   Scenario: Add multiple products to the cart
+#     When the user selects a product "Laptop"
+#     And the user clicks the "Add to Cart" button
+#     And the user selects another product "Headphones"
+#     And the user clicks the "Add to Cart" button
+#     Then the shopping cart should contain 2 items
+#     And the cart total should reflect both products
+
+#   Scenario: Add a product with quantity more than 1
+#     When the user selects a product "Smartphone"
+#     And the user sets quantity to 3
+#     And the user clicks the "Add to Cart" button
+#     Then the shopping cart should contain 3 units of "Smartphone"
+#     And the cart total should update accordingly