clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-04-29 05:56:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(testing): Fixed gallery expandedFormUrl

Browse Source
This commit is contained in:
Muhammed Mustafa
2022-10-21 16:49:22 +05:30
parent 8ec9858e22
commit a044482c26
2 changed files with 85 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
scripts/playwright/tests/expandedFormUrl.spec.ts
View File

@@ -1,5 +1,7 @@
import { expect, test } from "@playwright/test";
import { DashboardPage } from "../pages/Dashboard";
import { GalleryPage } from "../pages/Dashboard/Gallery";
import { GridPage } from "../pages/Dashboard/Grid";
import setup from "../setup";
test.describe("Expanded form URL", () => {
@@ -11,90 +13,94 @@ test.describe("Expanded form URL", () => {
dashboard = new DashboardPage(page, context.project);
});
function viewTest(viewType: string) {
test(viewType, async () => {
// close 'Team & Auth' tab
await dashboard.closeTab({ title: "Team & Auth" });
await dashboard.treeView.openTable({ title: "Country" });
async function viewTest(viewType: string) {
// close 'Team & Auth' tab
await dashboard.closeTab({ title: "Team & Auth" });
await dashboard.treeView.openTable({ title: "Country" });
let viewObj;
if (viewType === "grid") {
viewObj = dashboard.grid;
} else if (viewType === "gallery") {
viewObj = dashboard.gallery;
await viewObj.fields({ title: "City List" });
}
let viewObj: GridPage | GalleryPage = dashboard.grid;
if (viewType === "grid") {
viewObj = dashboard.grid;
} else if (viewType === "gallery") {
viewObj = dashboard.gallery;
}
if (viewType === "grid") {
await dashboard.viewSidebar.createGridView({ title: "CountryExpand" });
} else if (viewType === "gallery") {
await dashboard.viewSidebar.createGalleryView({
title: "CountryExpand",
});
}
// expand row & verify URL
await viewObj.openExpandedRow({ index: 0 });
await dashboard.expandedForm.verify({
header: "Afghanistan",
url: "rowId=1",
if (viewType === "grid") {
await dashboard.viewSidebar.createGridView({ title: "CountryExpand" });
} else if (viewType === "gallery") {
await dashboard.viewSidebar.createGalleryView({
title: "CountryExpand",
});
await viewObj.toolbar.clickFields();
await viewObj.toolbar.fields.click({ title: "City List" });
}
// // verify copied URL in clipboard
// await dashboard.expandedForm.copyUrlButton.click();
// const expandedFormUrl = await dashboard.expandedForm.getClipboardText();
// expect(expandedFormUrl).toContain("rowId=1");
// access a new rowID using URL
let url = await dashboard.rootPage.url();
await dashboard.expandedForm.close();
await dashboard.rootPage.goto(
"/" + url.split("/").slice(3).join("/").split("?")[0] + "?rowId=2"
);
await dashboard.expandedForm.verify({
header: "Algeria",
url: "rowId=2",
});
await dashboard.expandedForm.close();
// visit invalid rowID
await dashboard.rootPage.goto(
"/" + url.split("/").slice(3).join("/").split("?")[0] + "?rowId=999"
);
await dashboard.toastWait({ message: "Record not found" });
// ensure grid is displayed after invalid URL access
await viewObj.verifyRowCount({ count: 25 });
// Nested URL
await dashboard.rootPage.goto(
"/" + url.split("/").slice(3).join("/").split("?")[0] + "?rowId=1"
);
await dashboard.expandedForm.verify({
header: "Afghanistan",
url: "rowId=1",
});
await dashboard.expandedForm.openChildCard({
column: "City List",
title: "Kabul",
});
await dashboard.rootPage.waitForTimeout(1000);
await dashboard.expandedForm.verify({
header: "Kabul",
url: "rowId=1",
});
let expandFormCount = await dashboard.expandedForm.count();
expect(expandFormCount).toBe(2);
// close child card
await dashboard.expandedForm.cancel();
await dashboard.expandedForm.verify({
header: "Afghanistan",
url: "rowId=1",
});
await dashboard.expandedForm.cancel();
// expand row & verify URL
await viewObj.openExpandedRow({ index: 0 });
await dashboard.expandedForm.verify({
header: "Afghanistan",
url: "rowId=1",
});
// // verify copied URL in clipboard
// await dashboard.expandedForm.copyUrlButton.click();
// const expandedFormUrl = await dashboard.expandedForm.getClipboardText();
// expect(expandedFormUrl).toContain("rowId=1");
// access a new rowID using URL
let url = await dashboard.rootPage.url();
await dashboard.expandedForm.close();
await dashboard.rootPage.goto(
"/" + url.split("/").slice(3).join("/").split("?")[0] + "?rowId=2"
);
await dashboard.expandedForm.verify({
header: "Algeria",
url: "rowId=2",
});
await dashboard.expandedForm.close();
// visit invalid rowID
await dashboard.rootPage.goto(
"/" + url.split("/").slice(3).join("/").split("?")[0] + "?rowId=999"
);
await dashboard.toastWait({ message: "Record not found" });
// ensure grid is displayed after invalid URL access
await viewObj.verifyRowCount({ count: 25 });
// Nested URL
await dashboard.rootPage.goto(
"/" + url.split("/").slice(3).join("/").split("?")[0] + "?rowId=1"
);
await dashboard.expandedForm.verify({
header: "Afghanistan",
url: "rowId=1",
});
await dashboard.expandedForm.openChildCard({
column: "City List",
title: "Kabul",
});
await dashboard.rootPage.waitForTimeout(1000);
await dashboard.expandedForm.verify({
header: "Kabul",
url: "rowId=1",
});
let expandFormCount = await dashboard.expandedForm.count();
expect(expandFormCount).toBe(2);
// close child card
await dashboard.expandedForm.cancel();
await dashboard.expandedForm.verify({
header: "Afghanistan",
url: "rowId=1",
});
await dashboard.expandedForm.cancel();
}
viewTest("grid");
// viewTest("gallery");
test("Grid", async () => {
await viewTest("grid");
});
test("Gallery", async () => {
await viewTest("gallery");
});
});