mirror of https://github.com/nocodb/nocodb
140 lines
5.6 KiB
140 lines
5.6 KiB
import { expect } from '@playwright/test'; |
|
import { DashboardPage } from '..'; |
|
import BasePage from '../../Base'; |
|
import { ToolbarPage } from '../common/Toolbar'; |
|
|
|
export class KanbanPage extends BasePage { |
|
readonly dashboard: DashboardPage; |
|
readonly toolbar: ToolbarPage; |
|
|
|
constructor(dashboard: DashboardPage) { |
|
super(dashboard.rootPage); |
|
this.dashboard = dashboard; |
|
this.toolbar = new ToolbarPage(this); |
|
} |
|
|
|
get() { |
|
return this.dashboard.get().locator('[data-testid="nc-kanban-wrapper"]'); |
|
} |
|
|
|
card(index: number) { |
|
return this.get().locator(`.ant-card`).nth(index); |
|
} |
|
|
|
async openExpandedRow({ index }: { index: number }) { |
|
await this.card(index).click(); |
|
await (await this.rootPage.locator('.ant-drawer-body').elementHandle())?.waitForElementState('stable'); |
|
} |
|
|
|
// todo: Implement |
|
async addOption() {} |
|
|
|
// todo: Implement |
|
async dragDropCard(param: { from: string; to: string }) { |
|
// const { from, to } = param; |
|
// const srcStack = await this.get().locator(`.nc-kanban-stack`).nth(1); |
|
// const dstStack = await this.get().locator(`.nc-kanban-stack`).nth(2); |
|
// const fromCard = await srcStack.locator(`.nc-kanban-item`).nth(1); |
|
// const toCard = await dstStack.locator(`.nc-kanban-item`).nth(1); |
|
// const [fromCard, toCard] = await Promise.all([ |
|
// srcStack.locator(`.nc-kanban-item[data-draggable="true"]`).nth(0), |
|
// dstStack.locator(`.nc-kanban-item[data-draggable="true"]`).nth(0), |
|
// ]); |
|
// const fromCard = await this.get().locator(`.nc-kanban-item`).nth(0); |
|
// const toCard = await this.get().locator(`.nc-kanban-item`).nth(25); |
|
// await fromCard.dragTo(toCard); |
|
} |
|
|
|
async dragDropStack(param: { from: number; to: number }) { |
|
const { from, to } = param; |
|
const [fromStack, toStack] = await Promise.all([ |
|
this.rootPage.locator(`.nc-kanban-stack-head`).nth(from), |
|
this.rootPage.locator(`.nc-kanban-stack-head`).nth(to), |
|
]); |
|
await fromStack.dragTo(toStack); |
|
} |
|
|
|
async verifyStackCount(param: { count: number }) { |
|
const { count } = param; |
|
await expect(this.get().locator(`.nc-kanban-stack`)).toHaveCount(count); |
|
} |
|
|
|
async verifyStackOrder(param: { order: string[] }) { |
|
const { order } = param; |
|
const stacks = await this.get().locator(`.nc-kanban-stack`).count(); |
|
for (let i = 0; i < stacks; i++) { |
|
const stack = await this.get().locator(`.nc-kanban-stack`).nth(i); |
|
// Since otherwise stack title will be repeated as title is in two divs, with one having hidden class |
|
const stackTitle = await stack.locator(`.nc-kanban-stack-head >> [data-testid="truncate-label"]`); |
|
await expect(stackTitle).toHaveText(order[i], { ignoreCase: true }); |
|
} |
|
} |
|
|
|
async verifyStackFooter(param: { count: number[] }) { |
|
const { count } = param; |
|
const stacks = await this.get().locator(`.nc-kanban-stack`).count(); |
|
for (let i = 0; i < stacks; i++) { |
|
const stack = await this.get().locator(`.nc-kanban-stack`).nth(i); |
|
const stackFooter = await stack.locator(`.nc-kanban-data-count`).innerText(); |
|
await expect(stackFooter).toContain(`${count[i]} record${count[i] !== 1 ? 's' : ''}`); |
|
} |
|
} |
|
|
|
async verifyCardCount(param: { count: number[] }) { |
|
const { count } = param; |
|
const stacks = await this.get().locator(`.nc-kanban-stack`).count(); |
|
for (let i = 0; i < stacks; i++) { |
|
const stack = await this.get().locator(`.nc-kanban-stack`).nth(i); |
|
const stackCards = stack.locator(`.nc-kanban-item`); |
|
await expect(stackCards).toHaveCount(count[i]); |
|
} |
|
} |
|
|
|
async verifyCardOrder(param: { order: string[]; stackIndex: number }) { |
|
const { order, stackIndex } = param; |
|
const stack = await this.get().locator(`.nc-kanban-stack`).nth(stackIndex); |
|
for (let i = 0; i < order.length; i++) { |
|
const card = await stack.locator(`.nc-kanban-item`).nth(i); |
|
const cardTitle = await card.locator(`.nc-cell`); |
|
await expect(cardTitle).toHaveText(order[i]); |
|
} |
|
} |
|
|
|
// todo: Wait for render to complete |
|
async waitLoading() { |
|
await this.rootPage.waitForTimeout(1000); |
|
} |
|
|
|
async addNewStack(param: { title: string }) { |
|
await this.toolbar.clickAddEditStack(); |
|
await this.toolbar.addEditStack.addOption({ title: param.title }); |
|
} |
|
|
|
async collapseStack(param: { index: number }) { |
|
await this.get().locator(`.nc-kanban-stack-head`).nth(param.index).click(); |
|
const modal = await this.rootPage.locator(`.nc-dropdown-kanban-stack-context-menu`); |
|
await modal.locator('.ant-dropdown-menu-item:has-text("Collapse Stack")').click(); |
|
} |
|
|
|
async expandStack(param: { index: number }) { |
|
await this.rootPage.locator(`.nc-kanban-collapsed-stack`).nth(param.index).click(); |
|
} |
|
|
|
async verifyCollapseStackCount(param: { count: number }) { |
|
await expect(this.rootPage.locator('.nc-kanban-collapsed-stack')).toHaveCount(param.count); |
|
} |
|
|
|
async addCard(param: { stackIndex: number }) { |
|
await this.get().locator(`.nc-kanban-stack-head`).nth(param.stackIndex).click(); |
|
const modal = await this.rootPage.locator(`.nc-dropdown-kanban-stack-context-menu`); |
|
await modal.locator('.ant-dropdown-menu-item:has-text("Add new record")').click(); |
|
} |
|
|
|
async deleteStack(param: { index: number }) { |
|
await this.get().locator(`.nc-kanban-stack-head`).nth(param.index).click(); |
|
const modal = await this.rootPage.locator(`.nc-dropdown-kanban-stack-context-menu`); |
|
await modal.locator('.ant-dropdown-menu-item:has-text("Delete Stack")').click(); |
|
const confirmationModal = await this.rootPage.locator(`.nc-modal-kanban-delete-stack`); |
|
await confirmationModal.locator(`button:has-text("Delete")`).click(); |
|
} |
|
}
|
|
|