signout test

Author: Romarionijim

common/accountHeader/AccountHeaderOptions.ts

@@ -0,0 +1,5 @@
+export enum AccountHeaderOptions {
+  MY_ACCOUNT = 'My Account',
+  MY_WISH_LIST = 'My Wish List',
+  SIGN_OUT = 'Sign Out',
+}

pages/LumaMainPage.ts

@@ -5,6 +5,7 @@ import { CartActionsOptionalParamsInterface, ClientSideValiationErrorOptionalPar
 import { MenuBarCategories } from "../common/navigationEnums/menuBarCategories/MenuBarCategories";
 import { MenuBarSubCategories } from "../common/navigationEnums/menuBarSubCategories/MenuBarSubCategories";
 import { ItemShoppingComponentPage } from "./pageComponents/productShoppingComponent/ItemShoppingPage";
+import { AccountHeaderOptions } from "../common/accountHeader/AccountHeaderOptions";
 
 export class LumaMainPage extends BasePage {
   private searchBoxLocator = '#search';
@@ -28,6 +29,8 @@ export class LumaMainPage extends BasePage {
   protected pageMessageCaptionLocator = '[class="page messages"]'
   private navigationMenuBar = '.navigation a';
   private dialogFooterLocator = '[class="modal-footer"]';
+  private loggedInAttributeLocator = '.logged-in';
+  private accountDownArrowButtonLocator = '[class="panel header"] .customer-welcome'
 
   public async chooseMenuBarOption(menuBarItem: MenuBar) {
     let menuBarValue = this.page.locator(this.navigationMenuBar, { hasText: new RegExp(`^\\${menuBarItem.valueOf()}\\b$`, 'i') });
@@ -340,4 +343,17 @@ export class LumaMainPage extends BasePage {
     }
     expect(tableRowCellValues).toEqual(expectedCellValues);
   }
+
+  /**
+   * @description clicks on the logged in user account header down arrow button and chooses one of the options - my account, my wish list and sign out
+   */
+  public async clickAndChooseAccountOption(accountHeaderOption: AccountHeaderOptions) {
+    const userGreet = this.page.locator(this.userWelcomeCaptionLocator);
+    if (await userGreet.isVisible()) {
+      await this.clickElement(this.accountDownArrowButtonLocator);
+      await this.clickOnLink(accountHeaderOption.valueOf());
+    } else {
+      throw new Error(`user may be signed out and therefore the account options are not available`)
+    }
+  }
 } 

pages/pageComponents/productShoppingComponent/ItemShoppingPage.ts

@@ -24,7 +24,7 @@ export class ItemShoppingComponentPage extends BasePage {
    * in the test
    */
   public async chooseProductItem(productName: string, options?: ProductItemOptionalParamsInterface) {
-    const productItem = await this.deterimeItemScope(productName);
+    const productItem = await this.getProductItemScopeLocator(productName);
     await this.hover(productItem);
     try {
       if (options?.chooseSize && options.size !== undefined) {
@@ -81,7 +81,7 @@ export class ItemShoppingComponentPage extends BasePage {
    * @param itemText 
    * @returns 
    */
-  private async deterimeItemScope(itemText: string) {
+  private async getProductItemScopeLocator(itemText: string) {
     let itemLocator: Locator | undefined;
     let currentPageUrl = await this.getPageUrl();
     if (currentPageUrl.includes('cart')) {

tests/loginTests/LogOutTest.spec.ts

@@ -0,0 +1,16 @@
+import { expect } from '@playwright/test'
+import { AccountHeaderOptions } from '../../common/accountHeader/AccountHeaderOptions'
+import { test } from '../../helpers/fixtures/customFixtures/CustomFixtures'
+
+test('logout basic test', { tag: ['@LOGIN'] }, async ({ loadAppAndLogin, loginPage }) => {
+  let user: string = 'John Doe'
+  let notLoggedInState: string = 'not-logged-in'
+  await test.step('use the login fixture and validate user is logged in', async () => {
+    await loginPage.validateLoggedInUser(user)
+  })
+  await test.step('sign out and validate user is signed out', async () => {
+    await loginPage.clickAndChooseAccountOption(AccountHeaderOptions.SIGN_OUT);
+    const loggedInState = await loginPage.getLoggedInState()
+    expect(loggedInState).toBe(notLoggedInState);
+  })
+})