多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
3.1 KiB

import { expect } from "@playwright/test";
import { CellPageObject } from ".";
import BasePage from "../../../Base";
export class SelectOptionCellPageObject extends BasePage {
readonly cell: CellPageObject;
constructor(cell: CellPageObject) {
super(cell.rootPage);
this.cell = cell;
}
get({index, columnHeader}: {index: number, columnHeader: string}) {
return this.cell.get({index, columnHeader});
}
async select({index, columnHeader, option, multiSelect}: {index: number, columnHeader: string, option: string, multiSelect?: boolean}) {
await this.get({index, columnHeader}).click();
await this.rootPage.locator(`[pw-data="select-option-${columnHeader}-${index}"]`, {hasText: option}).click();
if(multiSelect) await this.get({index, columnHeader}).click();
await this.rootPage.locator(`[pw-data="select-option-${columnHeader}-${index}"]`, {hasText: option}).waitFor({state: 'hidden'});
}
async clear({index, columnHeader, multiSelect}: {index: number, columnHeader: string, multiSelect?: boolean}) {
if(multiSelect){
await this.cell.get({index, columnHeader}).click();
await this.cell.get({index, columnHeader}).click();
const optionCount = await this.cell.get({index, columnHeader}).locator('.ant-tag').count();
for(let i = 0; i < optionCount; i++) {
await this.cell.get({index, columnHeader}).locator('.ant-tag > .ant-tag-close-icon').first().click();
// wait till number of options is less than before
await this.cell.get({index, columnHeader}).locator('.ant-tag').nth(optionCount - i - 1).waitFor({state: 'hidden'});
}
return
}
await this.get({index, columnHeader}).click();
await this.rootPage.locator('.ant-select-single > .ant-select-clear').click();
await this.cell.get({index, columnHeader}).click();
await this.rootPage.locator(`.nc-dropdown-single-select-cell`).waitFor({state: 'hidden'});
}
async verify({index, columnHeader, option, multiSelect}: {index: number, columnHeader: string, option: string, multiSelect?: boolean}) {
if(multiSelect) {
return expect(
this.cell.get({index, columnHeader})).toContainText(option, {useInnerText: true});
}
return expect(this.cell.get({index, columnHeader}).locator('.ant-select-selection-item > .ant-tag')).toHaveText(option, {useInnerText: true});
}
async verifyNoOptionsSelected({index, columnHeader}: {index: number, columnHeader: string}) {
return expect(this.cell.get({index, columnHeader}).locator('.ant-select-selection-item > .ant-tag')).toBeHidden();
}
async verifyOptions({index, columnHeader, options}: {index: number, columnHeader: string, options: string[]}) {
await this.get({index, columnHeader}).click();
let counter = 0;
for (const option of options) {
const optionInDom = await this.rootPage.locator(`div.ant-select-item-option`).nth(counter)
.evaluate((node) => (node as HTMLElement).innerText)
expect(optionInDom).toBe(option);
counter++;
}
await this.get({index, columnHeader}).click();
await this.rootPage.locator(`.nc-dropdown-single-select-cell`).nth(index).waitFor({state: 'hidden'});
}
}