mirror of https://github.com/nocodb/nocodb
Raju Udava
2 years ago
committed by
Muhammed Mustafa
8 changed files with 184 additions and 13 deletions
@ -0,0 +1,4 @@
|
||||
Address,District,PostalCode,Phone,Location,Customer List,Staff List,City,Staff List1 |
||||
1661 Abha Drive,Tamil Nadu,14400,270456873752,"{""x"":78.8214191,""y"":10.3812871}",1,,Pudukkottai, |
||||
1993 Tabuk Lane,Tamil Nadu,64221,648482415405,"{""x"":80.1270701,""y"":12.9246028}",2,,Tambaram, |
||||
381 Kabul Way,Taipei,87272,55477302294,"{""x"":0,""y"":0}",2,,Hsichuh, |
||||
@ -0,0 +1,128 @@
|
||||
import { test } from "@playwright/test"; |
||||
import { DashboardPage } from "../pages/Dashboard"; |
||||
import setup from "../setup"; |
||||
|
||||
test.describe("Shared view", () => { |
||||
let dashboard: DashboardPage; |
||||
let context: any; |
||||
|
||||
test.beforeEach(async ({ page }) => { |
||||
context = await setup({ page }); |
||||
dashboard = new DashboardPage(page, context.project); |
||||
}); |
||||
|
||||
test("Grid share", async ({ page }) => { |
||||
// close 'Team & Auth' tab
|
||||
await dashboard.closeTab({ title: "Team & Auth" }); |
||||
await dashboard.treeView.openTable({ title: "Address" }); |
||||
|
||||
// hide column
|
||||
await dashboard.grid.toolbar.fields.toggle({ title: "Address2" }); |
||||
// sort
|
||||
await dashboard.grid.toolbar.sort.addSort({ |
||||
columnTitle: "District", |
||||
isAscending: false, |
||||
}); |
||||
// filter
|
||||
await dashboard.grid.toolbar.filter.addNew({ |
||||
columnTitle: "Address", |
||||
value: "Ab", |
||||
opType: "is like", |
||||
}); |
||||
|
||||
const mainPageLink = page.url(); |
||||
|
||||
// share with password disabled, download enabled
|
||||
await dashboard.grid.toolbar.clickShareView(); |
||||
let link = await dashboard.grid.toolbar.shareView.getShareLink(); |
||||
|
||||
await page.goto(link); |
||||
const sharedPage = new DashboardPage(page, context.project); |
||||
|
||||
let expectedColumns = [ |
||||
{ title: "Address", isVisible: true }, |
||||
{ title: "Address2", isVisible: false }, |
||||
{ title: "District", isVisible: true }, |
||||
{ title: "City", isVisible: true }, |
||||
{ title: "PostalCode", isVisible: true }, |
||||
{ title: "Phone", isVisible: true }, |
||||
{ title: "LastUpdate", isVisible: true }, |
||||
{ title: "Customer List", isVisible: true }, |
||||
{ title: "Staff List", isVisible: true }, |
||||
{ title: "City", isVisible: true }, |
||||
]; |
||||
for (const column of expectedColumns) { |
||||
await sharedPage.grid.column.verify(column); |
||||
} |
||||
|
||||
const expectedRecords = [ |
||||
{ index: 0, columnHeader: "Address", value: "1013 Tabuk Boulevard" }, |
||||
{ |
||||
index: 1, |
||||
columnHeader: "Address", |
||||
value: "1892 Nabereznyje Telny Lane", |
||||
}, |
||||
{ index: 2, columnHeader: "Address", value: "1993 Tabuk Lane" }, |
||||
{ index: 0, columnHeader: "District", value: "West Bengali" }, |
||||
{ index: 1, columnHeader: "District", value: "Tutuila" }, |
||||
{ index: 2, columnHeader: "District", value: "Tamil Nadu" }, |
||||
{ index: 0, columnHeader: "PostalCode", value: "96203" }, |
||||
{ index: 1, columnHeader: "PostalCode", value: "28396" }, |
||||
{ index: 2, columnHeader: "PostalCode", value: "64221" }, |
||||
{ index: 0, columnHeader: "Phone", value: "158399646978" }, |
||||
{ index: 1, columnHeader: "Phone", value: "478229987054" }, |
||||
{ index: 2, columnHeader: "Phone", value: "648482415405" }, |
||||
]; |
||||
|
||||
// verify order of records (original sort & filter)
|
||||
for (const record of expectedRecords) { |
||||
await sharedPage.grid.cell.verify(record); |
||||
} |
||||
|
||||
// create new sort & filter criteria in shared view
|
||||
await sharedPage.grid.toolbar.sort.addSort({ |
||||
columnTitle: "Address", |
||||
isAscending: true, |
||||
}); |
||||
await sharedPage.grid.toolbar.filter.addNew({ |
||||
columnTitle: "District", |
||||
value: "Ta", |
||||
opType: "is like", |
||||
}); |
||||
await sharedPage.grid.toolbar.fields.toggle({ title: "LastUpdate" }); |
||||
expectedColumns[6].isVisible = false; |
||||
|
||||
// verify new sort & filter criteria
|
||||
for (const column of expectedColumns) { |
||||
await sharedPage.grid.column.verify(column); |
||||
} |
||||
|
||||
const expectedRecords2 = [ |
||||
{ index: 0, columnHeader: "Address", value: "1661 Abha Drive" }, |
||||
{ index: 1, columnHeader: "Address", value: "1993 Tabuk Lane" }, |
||||
{ index: 2, columnHeader: "Address", value: "381 Kabul Way" }, |
||||
{ index: 0, columnHeader: "District", value: "Tamil Nadu" }, |
||||
{ index: 1, columnHeader: "District", value: "Tamil Nadu" }, |
||||
{ index: 2, columnHeader: "District", value: "Taipei" }, |
||||
{ index: 0, columnHeader: "PostalCode", value: "14400" }, |
||||
{ index: 1, columnHeader: "PostalCode", value: "64221" }, |
||||
{ index: 2, columnHeader: "PostalCode", value: "87272" }, |
||||
{ index: 0, columnHeader: "Phone", value: "270456873752" }, |
||||
{ index: 1, columnHeader: "Phone", value: "648482415405" }, |
||||
{ index: 2, columnHeader: "Phone", value: "55477302294" }, |
||||
]; |
||||
|
||||
// verify order of records (original sort & filter)
|
||||
for (const record of expectedRecords2) { |
||||
await sharedPage.grid.cell.verify(record); |
||||
} |
||||
|
||||
// verify download
|
||||
await sharedPage.grid.toolbar.clickDownload( |
||||
"Download as CSV", |
||||
"./expectedData.txt" |
||||
); |
||||
|
||||
// await dashboard.closeTab({ title: "Address" });
|
||||
}); |
||||
}); |
||||
Loading…
Reference in new issue