mirror of https://github.com/nocodb/nocodb
115 lines
3.6 KiB
115 lines
3.6 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; |
|
}) { |
|
const selectCell = this.get({ index, columnHeader }); |
|
|
|
// check if cell active |
|
if (!(await selectCell.getAttribute('class')).includes('active')) { |
|
await selectCell.click(); |
|
} |
|
|
|
await selectCell.click(); |
|
|
|
await this.rootPage.getByTestId(`select-option-${columnHeader}-${index}`).getByText(option).click(); |
|
|
|
if (multiSelect) await this.get({ index, columnHeader }).click(); |
|
|
|
await this.rootPage |
|
.getByTestId(`select-option-${columnHeader}-${index}`) |
|
.getByText(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 await expect(this.cell.get({ index, columnHeader })).toContainText(option, { useInnerText: true }); |
|
} |
|
return await 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 await 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[] }) { |
|
const selectCell = this.get({ index, columnHeader }); |
|
|
|
// check if cell active |
|
if (!(await selectCell.getAttribute('class')).includes('active')) { |
|
await selectCell.click(); |
|
} |
|
|
|
await this.get({ index, columnHeader }).click(); |
|
|
|
let counter = 0; |
|
for (const option of options) { |
|
await expect(this.rootPage.locator(`div.ant-select-item-option`).nth(counter)).toHaveText(option); |
|
counter++; |
|
} |
|
await this.get({ index, columnHeader }).click(); |
|
await this.rootPage.locator(`.nc-dropdown-single-select-cell`).nth(index).waitFor({ state: 'hidden' }); |
|
} |
|
}
|
|
|