mirror of https://github.com/nocodb/nocodb
Raju Udava
1 year ago
47 changed files with 652 additions and 476 deletions
@ -0,0 +1,107 @@
|
||||
import BasePage from '../../Base'; |
||||
import { expect, Locator } from '@playwright/test'; |
||||
import { DetailsPage } from './index'; |
||||
|
||||
export class ErdPage extends BasePage { |
||||
readonly detailsPage: DetailsPage; |
||||
|
||||
readonly contextMenuBase: Locator; |
||||
readonly contextMenu = {}; |
||||
|
||||
readonly btn_fullScreen: Locator; |
||||
readonly btn_zoomIn: Locator; |
||||
readonly btn_zoomOut: Locator; |
||||
|
||||
constructor(details: DetailsPage) { |
||||
super(details.rootPage); |
||||
this.detailsPage = details; |
||||
this.btn_fullScreen = this.get().locator('.nc-erd-histogram > .nc-icon'); |
||||
this.btn_zoomIn = this.get().locator('.nc-erd-zoom-btn').nth(0); |
||||
this.btn_zoomOut = this.get().locator('.nc-erd-zoom-btn').nth(1); |
||||
|
||||
this.contextMenuBase = this.get().locator('.nc-erd-context-menu'); |
||||
this.contextMenu['Show Columns'] = this.contextMenuBase.locator('.ant-checkbox-wrapper').nth(0); |
||||
this.contextMenu['Show Primary and Foreign Keys'] = this.contextMenuBase.locator('.ant-checkbox-wrapper').nth(1); |
||||
this.contextMenu['Show SQL Views'] = this.contextMenuBase.locator('.ant-checkbox-wrapper').nth(2); |
||||
} |
||||
|
||||
get() { |
||||
// pop up when triggered from data sources page
|
||||
return this.rootPage.locator('.vue-flow'); |
||||
} |
||||
|
||||
async verifyNode({ |
||||
tableName, |
||||
columnName, |
||||
columnNameShouldNotExist, |
||||
}: { |
||||
tableName: string; |
||||
columnName?: string; |
||||
columnNameShouldNotExist?: string; |
||||
}) { |
||||
await this.get().locator(`.nc-erd-table-node-${tableName}`).waitFor({ state: 'visible' }); |
||||
if (columnName) { |
||||
await this.get().locator(`.nc-erd-table-node-${tableName}-column-${columnName}`).waitFor({ state: 'visible' }); |
||||
} |
||||
if (columnNameShouldNotExist) { |
||||
await this.get() |
||||
.locator(`.nc-erd-table-node-${tableName}-column-${columnNameShouldNotExist}`) |
||||
.waitFor({ state: 'hidden' }); |
||||
} |
||||
} |
||||
|
||||
async verifyNodeDoesNotExist({ tableName }: { tableName: string }) { |
||||
await this.get().locator(`.nc-erd-table-node-${tableName}`).waitFor({ state: 'hidden' }); |
||||
} |
||||
|
||||
async verifyColumns({ tableName, columns }: { tableName: string; columns: string[] }) { |
||||
for (const column of columns) { |
||||
await this.verifyNode({ tableName, columnName: column }); |
||||
} |
||||
} |
||||
|
||||
async verifyNodesCount(count: number) { |
||||
await expect(this.get().locator('.nc-erd-table-node')).toHaveCount(count); |
||||
} |
||||
|
||||
async verifyEdgesCount({ |
||||
count, |
||||
circleCount, |
||||
rectangleCount, |
||||
}: { |
||||
count: number; |
||||
circleCount: number; |
||||
rectangleCount: number; |
||||
}) { |
||||
await expect(this.get().locator('.vue-flow__edge')).toHaveCount(count); |
||||
await expect(this.get().locator('.nc-erd-edge-circle')).toHaveCount(circleCount); |
||||
await expect(this.get().locator('.nc-erd-edge-rect')).toHaveCount(rectangleCount); |
||||
} |
||||
|
||||
async verifyJunctionTableLabel({ tableTitle, tableName }: { tableName: string; tableTitle: string }) { |
||||
await this.get().locator(`.nc-erd-table-label-${tableTitle}-${tableName}`).waitFor({ |
||||
state: 'visible', |
||||
}); |
||||
} |
||||
|
||||
async clickShowColumnNames() { |
||||
await this.contextMenu['Show Columns'].click(); |
||||
await (await this.get().elementHandle())?.waitForElementState('stable'); |
||||
} |
||||
|
||||
async clickShowPkAndFk() { |
||||
await this.contextMenu['Show Primary and Foreign Keys'].click(); |
||||
await (await this.get().elementHandle())?.waitForElementState('stable'); |
||||
} |
||||
|
||||
async clickShowSqlViews() { |
||||
await this.contextMenu['Show SQL Views'].click(); |
||||
await (await this.get().elementHandle())?.waitForElementState('stable'); |
||||
} |
||||
|
||||
async close() { |
||||
await this.get().click(); |
||||
await this.rootPage.keyboard.press('Escape'); |
||||
await this.get().waitFor({ state: 'hidden' }); |
||||
} |
||||
} |
@ -0,0 +1,46 @@
|
||||
import { GridPage } from '../Grid'; |
||||
import BasePage from '../../Base'; |
||||
import { expect, Locator } from '@playwright/test'; |
||||
|
||||
export class ColumnHeaderPageObject extends BasePage { |
||||
readonly grid: GridPage; |
||||
|
||||
readonly btn_addColumn: Locator; |
||||
readonly btn_selectAll: Locator; |
||||
|
||||
constructor(grid: GridPage) { |
||||
super(grid.rootPage); |
||||
this.grid = grid; |
||||
|
||||
this.btn_addColumn = this.get().locator(`.nc-grid-add-edit-column`); |
||||
this.btn_selectAll = this.get().locator(`[data-testid="nc-check-all"]`); |
||||
} |
||||
|
||||
get() { |
||||
return this.rootPage.locator('.nc-grid-header'); |
||||
} |
||||
|
||||
async getColumnHeader({ title }: { title: string }) { |
||||
return this.get().locator(`th[data-title="${title}"]`); |
||||
} |
||||
|
||||
async getColumnHeaderContextMenu({ title }: { title: string }) { |
||||
return (await this.getColumnHeader({ title })).locator(`.nc-ui-dt-dropdown`); |
||||
} |
||||
|
||||
async verifyLockMode() { |
||||
// add column button
|
||||
await expect(this.btn_addColumn).toBeVisible({ visible: false }); |
||||
|
||||
// column header context menu
|
||||
expect(await this.get().locator('.nc-ui-dt-dropdown').count()).toBe(0); |
||||
} |
||||
|
||||
async verifyCollaborativeMode() { |
||||
// add column button
|
||||
await expect(this.btn_addColumn).toBeVisible({ visible: true }); |
||||
|
||||
// column header context menu
|
||||
expect(await this.get().locator('.nc-ui-dt-dropdown').count()).toBeGreaterThan(1); |
||||
} |
||||
} |
Loading…
Reference in new issue