wip

Author: itaiag

infra/po/login.ts

@@ -0,0 +1,81 @@
+import { Locator, Page } from "@playwright/test";
+
+export abstract class AbstractPage {
+  protected page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+}
+
+export class OverviewPage extends AbstractPage {
+
+}
+
+export class OpenProjectPage extends AbstractPage {
+
+  private readonly selectAProjectToggle: Locator;
+
+  constructor(page: Page) {
+    super(page);
+    this.selectAProjectToggle = page.locator("#projects-menu i");
+  }
+
+  async clickOnSelectAProjectToggle(): Promise<OpenProjectPage> {
+    await this.selectAProjectToggle.click();
+    return this
+  }
+
+  async clickOnProjectName(projectName: string): Promise<OverviewPage> {
+    await this.page.locator(`#ui-id-5 >> text=${projectName}`).click()
+    return new OverviewPage(this.page);
+  }
+
+  async doSelectProject(projectName: string): Promise<OverviewPage> {
+    await this.clickOnSelectAProjectToggle();
+    await this.clickOnProjectName(projectName);
+    return new OverviewPage(this.page);
+  }
+
+}
+
+export class LoginPage extends AbstractPage {
+  /**
+   * @param {import('playwright').Page} page 
+   */
+
+  private readonly usernameTb: Locator;
+  private readonly passwordTb: Locator;
+  private readonly signInBtn: Locator;
+  private readonly siginInToggle: Locator;
+
+  constructor(page: Page) {
+    super(page);
+    this.siginInToggle = page.locator("span:has-text('Sign in')");
+    this.usernameTb = page.locator('input[name="username"]');
+    this.passwordTb = page.locator('input[name="password"]');
+    this.signInBtn = page.locator('input:has-text("Sign in")');
+  }
+  async navigate(): Promise<LoginPage> {
+    await this.page.goto('http://localhost:8080');
+    return this;
+  }
+
+  async clickOnSignInToggle(): Promise<LoginPage> {
+    await this.siginInToggle.click();
+    return this;
+  }
+  async fillUsername(username: string): Promise<LoginPage> {
+    await this.usernameTb.fill(username);
+    return this;
+  }
+  async fillPassword(password: string): Promise<LoginPage> {
+    await this.passwordTb.fill(password);
+    return this;
+  }
+  async clickOnSignInBtn(): Promise<OpenProjectPage> {
+    await this.signInBtn.click();
+    return new OpenProjectPage(this.page);
+  }
+}

infra/po/pages.ts

@@ -1,44 +1,33 @@
 import { test, expect, type Page } from '@playwright/test';
-import {LoginPage} from '../infra/po/login';
+import {LoginPage, OpenProjectPage} from '../infra/po/pages';
 
-async function performLogin(page: Page) {
-  const loginPage = new LoginPage(page);
-  await loginPage.navigate();
-  await loginPage.clickOnSignInToggle();
-  await loginPage.fillUsername("admin");
-  await loginPage.fillPassword("adminadmin");
-  await loginPage.clickOnSignInBtn();
-  // await page.goto('http://localhost:8080/');
-
-  // await page.locator("span:has-text('Sign in')").click()
-  // // Fill input[name="username"]
-  // await page.locator('input[name="username"]').fill('admin');
 
-  // // Fill input[name="password"]
-  // await page.locator('input[name="password"]').fill('adminadmin');
 
-  // // Click input:has-text("Sign in")
-  // await Promise.all([
-  //   page.locator('input:has-text("Sign in")').click(),
-  //   page.waitForNavigation(),
-  // ]);
-  
+async function performLogin(page: Page) {
+  const loginPage = new LoginPage(page);
+  await test.step('Performing login', async () => {
+    await (await (await (await (await loginPage
+      .navigate())
+      .clickOnSignInToggle())
+      .fillUsername("admin"))
+      .fillPassword("adminadmin"))
+      .clickOnSignInBtn();
+    await expect(page).toHaveURL('http://localhost:8080/');
 
-  await expect(page).toHaveURL('http://localhost:8080/');
-
+  });
 }
 
 
 test.describe('Task', () => {
   test.beforeEach(async ({ page }) => {
     await performLogin(page);
-
-
   });
+
   test('create task', async ({ page }) => {
-    await page.locator("#projects-menu i").click();
+    const openProjectPage = new OpenProjectPage(page);
+    await openProjectPage.clickOnSelectAProjectToggle();
+    await openProjectPage.clickOnProjectName("Selenium project");
 
-    await page.locator("#ui-id-5 >> text=Selenium project").click();
     await page.locator("#main-menu-work-packages >> text=Work packages").click();
 
     await page.locator("text=Create Include projects >> [aria-label='Create new work package']").click();