test: add FormAuthenticationPage test

app/pages/dashboard.page.ts

@@ -2,18 +2,25 @@ import { expect } from "@playwright/test";
 import { BasePage } from "../abstractClasses";
 
 export class DashboardPage extends BasePage {
- public pagePath = "/";
+ public readonly pagePath = '/';
 
  private homeBanner = this.page.locator(".homepage");
  private homeLoadingSpinner = this.page.locator(".loading_home");
+ public readonly navigationBar: { [key: string]: string[] } = {
+ ".navbar-nav": this.navigationItems(),
+ };
+
+ navigationItems(): string[] {
+ return ["Flights", "Hotels", "Tours", "Cars", "Blogs"];
+ }
 
  async expectLoaded() {
  await expect(this.homeBanner).toBeVisible();
  await expect(this.homeLoadingSpinner).toBeVisible();
  }
 
  async expectSpinnerLoaded() {
- this.page.waitForLoadState("domcontentloaded");
+ await this.page.waitForLoadState("domcontentloaded");
 
  await expect(this.homeLoadingSpinner).not.toBeVisible();
  }

app/pages/login.page.ts

@@ -8,7 +8,7 @@ export class FormAuthenticationPage extends BasePage {
  private signInButton = this.page.getByRole("button", { name: "Login" });
  private emailInput = this.page.getByLabel("Email Address");
  private passwordInput = this.page.getByPlaceholder("******");
- public readonly signUpButton = this.page.getByRole("link", { name: "Signup" });
+ public signUpButton = this.page.getByRole("link", { name: "Signup" });
 
  constructor(page: Page) {
  super(page);
@@ -20,11 +20,14 @@ export class FormAuthenticationPage extends BasePage {
  await expect(this.passwordInput).toBeVisible();
  }
 
- async performAuthentication(email: string, password: string) {
+ async performAuthentication(credentials: {
+ email: string;
+ password: string;
+ }) {
  await this.expectLoaded();
 
- await this.passwordInput.fill(password);
- await this.emailInput.fill(email);
+ await this.passwordInput.fill(credentials.password);
+ await this.emailInput.fill(credentials.email);
 
  await this.signInButton.click();
  }

tests/dashboard.spec.ts

@@ -1,13 +1,24 @@
-import { test } from "@playwright/test";
+import { test, expect } from "@playwright/test";
 import { DashboardPage } from "../app/pages/dashboard.page";
 
-test.describe("Dashboard Page", () => {
- test("search section", async ({ page }) => {
+test.describe.skip("Dashboard Page", () => {
+ test("search section loaded", async ({ page }) => {
  const dashboardPage = new DashboardPage(page);
 
  await dashboardPage.open();
  await dashboardPage.isLoaded();
 
  await dashboardPage.expectSpinnerLoaded();
  });
+
+ test("navigation bar loaded", async ({ page }) => {
+ const dashboardPage = new DashboardPage(page);
+ await dashboardPage.open();
+
+ for (const [navBar, MenuItems] of Object.entries(dashboardPage.navigationBar)) {
+ for (const eachItem of MenuItems) {
+ await expect(page.locator(navBar, { hasText: eachItem })).toBeVisible();
+ }
+ }
+ });
 });

tests/login-page.spec.ts

@@ -1,20 +1,27 @@
 import { test, expect } from "@playwright/test";
 import { FormAuthenticationPage } from "../app/pages/login.page";
-import { DashboardPage } from '../app/pages/dashboard.page'
 
 test.describe("Authentication Page", () => {
- test("there is login form", async ({ page }) => {
- const formAuthPage = new FormAuthenticationPage(page);
- await formAuthPage.open()
-
- expect(await formAuthPage.isLoaded()).toBeTruthy()
-
- });
+ let formAuthPage: FormAuthenticationPage;
+ let credentials = {
+ email: "admin@phptravels.com",
+ password: "demoadmin",
+ };
 
- test("there is signup", async ({ page }) => {
- const formAuthPage = new FormAuthenticationPage(page);
+ test.beforeEach(async ({ page }) => {
+ formAuthPage = new FormAuthenticationPage(page);
  await formAuthPage.open();
+ });
+
+ test("there is login form", async () => {
+ expect(await formAuthPage.isLoaded()).toBeTruthy();
+ });
 
+ test("there is signup", async () => {
  await expect(formAuthPage.signUpButton).toBeVisible();
  });
+
+ test("there is successful authentication", async () => {
+ await formAuthPage.performAuthentication(credentials);
+ });
 });