Merge pull request #3 from Romarionijim/feat/expand-functionality

Feat(e2e): add two generic functions to both basepage and app main page

Author: Romarionijim

pages/BasePage.ts

@@ -124,4 +124,22 @@ export class BasePage {
     const submitButton = this.page.getByRole('button', { name: buttonName, exact: true });
     await this.clickElement(submitButton);
   }
+
+  public async clickAndChooseFromDropdownByText(
+    dropdownLocator: (string | Locator),
+    dropdownList: Locator,
+    dropdownItemText: string,
+  ) {
+    await this.clickElement(dropdownLocator);
+    await this.page.waitForTimeout(2000);
+    const dropDownList = await dropdownList.all();
+    for (let item of dropDownList) {
+      const itemText = await this.getInnerText(item);
+      if (itemText === dropdownItemText) {
+        await item.click();
+        return;
+      }
+    }
+    throw new Error(`the item ${dropdownItemText} does not exist in dropdown!`);
+  }
 }

pages/LumaMainPage.ts

@@ -30,6 +30,8 @@ export class LumaMainPage extends BasePage {
   private dialogFooterLocator = '[class="modal-footer"]';
   private loggedInAttributeLocator = '.logged-in';
   private accountDownArrowButtonLocator = '[class="panel header"] .customer-welcome'
+  protected searchBarLocator = '#search';
+  private searchResultList = '#search_autocomplete';
 
   public async chooseMenuBarOption(menuBarItem: MenuBar) {
     let menuBarValue = this.page.locator(this.navigationMenuBar, { hasText: new RegExp(`^\\${menuBarItem.valueOf()}\\b$`, 'i') });
@@ -359,4 +361,19 @@ export class LumaMainPage extends BasePage {
       throw new Error(`user may be signed out and therefore the account options are not available`)
     }
   }
+
+  public async searchFor(item: string, options?: { pressEnter?: boolean }) {
+    const searchBar = this.page.locator(this.searchBarLocator);
+    await this.fillText(searchBar, item);
+    if (options?.pressEnter) {
+      await this.pressEnter();
+      return;
+    }
+    const searchResults = this.page.locator(this.searchResultList);
+    const searchResultVisiblity = await searchResults.isVisible();
+    if (searchResultVisiblity) {
+      const searchResultListItems = this.page.locator(this.searchResultList).locator('li');
+      await this.clickAndChooseFromDropdownByText(this.searchBarLocator, searchResultListItems, item);
+    }
+  }
 }