mirror of https://github.com/nocodb/nocodb
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.
192 lines
5.8 KiB
192 lines
5.8 KiB
import { expect, Page } from '@playwright/test'; |
|
import BasePage from '../Base'; |
|
import { DashboardPage } from '../Dashboard'; |
|
|
|
export class ProjectsPage extends BasePage { |
|
constructor(rootPage: Page) { |
|
super(rootPage); |
|
} |
|
|
|
prefixTitle(title: string) { |
|
const parallelId = process.env.TEST_PARALLEL_INDEX ?? '0'; |
|
return `nc_test_${parallelId}_${title}`; |
|
} |
|
|
|
get() { |
|
return this.rootPage.locator('[data-nc="projects-container"]'); |
|
} |
|
|
|
// create project |
|
async createProject({ |
|
name = 'sample', |
|
type = 'xcdb', |
|
withoutPrefix, |
|
}: { |
|
name?: string; |
|
type?: string; |
|
withoutPrefix?: boolean; |
|
}) { |
|
if (!withoutPrefix) name = this.prefixTitle(name); |
|
|
|
await this.rootPage.locator('.nc-new-project-menu').click(); |
|
|
|
const createProjectMenu = await this.rootPage.locator('.nc-dropdown-create-project'); |
|
|
|
if (type === 'xcdb') { |
|
await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(0).click(); |
|
} else { |
|
await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(1).click(); |
|
} |
|
|
|
// todo: Fast page transition breaks the vue router |
|
await this.rootPage.waitForTimeout(2000); |
|
|
|
await this.rootPage.locator(`.nc-metadb-project-name`).waitFor(); |
|
await this.rootPage.locator(`input.nc-metadb-project-name`).fill(name); |
|
|
|
await this.rootPage.waitForTimeout(2000); |
|
|
|
await this.rootPage.locator(`button:has-text("Create")`).click({ |
|
delay: 2000, |
|
}); |
|
|
|
// fix me! wait for page to be rendered completely |
|
await this.rootPage.waitForTimeout(2000); |
|
} |
|
|
|
async reloadProjects() { |
|
const reloadUiAction = this.get().locator('[data-nc="projects-reload-button"]').click(); |
|
await this.waitForResponse({ |
|
uiAction: reloadUiAction, |
|
requestUrlPathToMatch: '/api/v1/db/meta/projects', |
|
httpMethodsToMatch: ['GET'], |
|
}); |
|
} |
|
|
|
async waitToBeRendered() { |
|
await this.get().waitFor({ |
|
state: 'visible', |
|
}); |
|
(await this.get().elementHandle())?.waitForElementState('stable'); |
|
|
|
// Wait till the ant table is rendered |
|
await this.get().locator('thead.ant-table-thead >> th').nth(0).waitFor({ state: 'visible' }); |
|
await expect(this.get().locator('thead.ant-table-thead >> th').nth(0)).toHaveText('Title'); |
|
|
|
// todo: remove this, all the above asserts are useless. |
|
// The elements are actually invisible from screenshot but in dom level its visible. Lazy loading issue |
|
await this.rootPage.waitForTimeout(1200); |
|
} |
|
|
|
async openProject({ |
|
title, |
|
withoutPrefix, |
|
waitForAuthTab = true, |
|
}: { |
|
title: string; |
|
withoutPrefix?: boolean; |
|
waitForAuthTab?: boolean; |
|
}) { |
|
// todo: Fast page transition breaks the vue router |
|
await this.rootPage.waitForTimeout(2000); |
|
|
|
if (!withoutPrefix) title = this.prefixTitle(title); |
|
|
|
let project: any; |
|
|
|
const openProjectUiAction = this.get() |
|
.locator(`.ant-table-cell`, { |
|
hasText: title, |
|
}) |
|
.click(); |
|
|
|
await Promise.all([ |
|
this.rootPage.waitForResponse(async res => { |
|
let json: any = {}; |
|
try { |
|
json = await res.json(); |
|
} catch (e) { |
|
return false; |
|
} |
|
|
|
const isRequiredResponse = |
|
res.request().url().includes('/api/v1/db/meta/projects') && |
|
['GET'].includes(res.request().method()) && |
|
json?.title === title; |
|
|
|
if (isRequiredResponse) { |
|
project = json; |
|
} |
|
|
|
return isRequiredResponse; |
|
}), |
|
openProjectUiAction, |
|
]); |
|
|
|
const dashboard = new DashboardPage(this.rootPage, project); |
|
|
|
if (waitForAuthTab) await dashboard.waitForTabRender({ title: 'Team & Auth' }); |
|
|
|
return project; |
|
} |
|
|
|
async deleteProject({ title, withoutPrefix }: { title: string; withoutPrefix?: boolean }) { |
|
if (!withoutPrefix) title = this.prefixTitle(title); |
|
|
|
await this.get().locator(`[data-nc="delete-project-${title}"]`).click(); |
|
await this.rootPage.locator(`button:has-text("Yes")`).click(); |
|
|
|
await this.get().locator('.ant-table-row', { hasText: title }).waitFor({ state: 'hidden' }); |
|
} |
|
|
|
async renameProject({ |
|
title, |
|
newTitle, |
|
withoutPrefix, |
|
}: { |
|
title: string; |
|
newTitle: string; |
|
withoutPrefix?: boolean; |
|
}) { |
|
if (!withoutPrefix) title = this.prefixTitle(title); |
|
if (!withoutPrefix) newTitle = this.prefixTitle(newTitle); |
|
|
|
const project = this.rootPage; |
|
const projRow = await project.locator(`tr`, { |
|
has: project.locator(`td.ant-table-cell:has-text("${title}")`), |
|
}); |
|
await projRow.locator('.nc-action-btn').nth(0).click(); |
|
|
|
// todo: Fast page transition breaks the vue router |
|
await this.rootPage.waitForTimeout(2000); |
|
|
|
await project.locator('input.nc-metadb-project-name').fill(newTitle); |
|
// press enter to save |
|
const submitAction = project.locator('input.nc-metadb-project-name').press('Enter'); |
|
await this.waitForResponse({ |
|
uiAction: submitAction, |
|
requestUrlPathToMatch: 'api/v1/db/meta/projects/', |
|
httpMethodsToMatch: ['PATCH'], |
|
}); |
|
|
|
// todo: vue navigation breaks if page changes very quickly |
|
await this.rootPage.waitForTimeout(1000); |
|
} |
|
|
|
async openLanguageMenu() { |
|
await this.rootPage.locator('.nc-menu-translate').click(); |
|
} |
|
|
|
async selectLanguage({ index }: { index: number }) { |
|
const modal = await this.rootPage.locator('.nc-dropdown-menu-translate'); |
|
await modal.locator(`.ant-dropdown-menu-item`).nth(index).click(); |
|
} |
|
|
|
async verifyLanguage(param: { json: any }) { |
|
const title = await this.rootPage.locator(`.nc-project-page-title`); |
|
const menu = this.rootPage.locator(`.nc-new-project-menu`); |
|
await expect(title).toHaveText(param.json.title.myProject); |
|
await expect(menu).toHaveText(param.json.title.newProj); |
|
await this.rootPage.locator(`[placeholder="${param.json.activity.searchProject}"]`).waitFor(); |
|
} |
|
}
|
|
|