feat(testing): Refactored Page object model

This commit is contained in:
Muhammed Mustafa
2022-10-11 19:41:42 +05:30
parent 677ddde403
commit ebd0afb2d1
12 changed files with 194 additions and 160 deletions

View File

@@ -1,20 +1,26 @@
import { ColumnPageObject } from ".";
import BasePage from "../../../Base";
export class SelectOptionColumnPageObject {
export class SelectOptionColumnPageObject extends BasePage {
readonly column: ColumnPageObject;
constructor(column: ColumnPageObject) {
super(column.rootPage);
this.column = column;
}
get() {
return this.column.get();
}
async addOption({index, columnTitle,option, skipColumnModal}: {index: number, option: string, skipColumnModal?: boolean, columnTitle?: string}) {
if(!skipColumnModal && columnTitle) await this.column.openEdit({title: columnTitle});
await this.column.page.locator('button:has-text("Add option")').click();
await this.column.get().locator('button:has-text("Add option")').click();
// Fill text=Select options can't be nullAdd option >> input[type="text"]
await this.column.page.locator(`input[data-pw="select-column-option-input-${index}"]`).click();
await this.column.page.locator(`input[data-pw="select-column-option-input-${index}"]`).fill(option);
await this.column.get().locator(`[data-pw="select-column-option-input-${index}"]`).click();
await this.column.get().locator(`[data-pw="select-column-option-input-${index}"]`).fill(option);
if(!skipColumnModal && columnTitle) await this.column.save({isUpdated: true});
}
@@ -22,8 +28,8 @@ export class SelectOptionColumnPageObject {
async editOption({columnTitle, index, newOption}: {index: number, columnTitle: string, newOption: string}) {
await this.column.openEdit({title: columnTitle});
await this.column.page.locator(`input[data-pw="select-column-option-input-${index}"]`).click();
await this.column.page.locator(`input[data-pw="select-column-option-input-${index}"]`).fill(newOption);
await this.column.get().locator(`[data-pw="select-column-option-input-${index}"]`).click();
await this.column.get().locator(`[data-pw="select-column-option-input-${index}"]`).fill(newOption);
await this.column.save({isUpdated: true});
}
@@ -31,7 +37,7 @@ export class SelectOptionColumnPageObject {
async deleteOption({columnTitle, index}: {index: number, columnTitle: string}) {
await this.column.openEdit({title: columnTitle});
await this.column.page.locator(`svg[data-pw="select-column-option-remove-${index}"]`).click();
await this.column.get().locator(`svg[data-pw="select-column-option-remove-${index}"]`).click();
await this.column.save({isUpdated: true});
}
@@ -39,9 +45,9 @@ export class SelectOptionColumnPageObject {
async reorderOption({columnTitle, sourceOption, destinationOption}: {columnTitle: string, sourceOption: string, destinationOption: string}) {
await this.column.openEdit({title: columnTitle});
await this.column.page.waitForTimeout(150);
await this.column.rootPage.waitForTimeout(150);
await this.column.page.dragAndDrop(`svg[data-pw="select-option-column-handle-icon-${sourceOption}"]`, `svg[data-pw="select-option-column-handle-icon-${destinationOption}"]`, {
await this.column.rootPage.dragAndDrop(`svg[data-pw="select-option-column-handle-icon-${sourceOption}"]`, `svg[data-pw="select-option-column-handle-icon-${destinationOption}"]`, {
force: true,
});