多维表格
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.

264 lines
7.7 KiB

import { test } from "@playwright/test";
import { DashboardPage } from "../pages/Dashboard";
import { ToolbarPage } from "../pages/Dashboard/common/Toolbar";
import setup from "../setup";
test.describe("View", () => {
let dashboard: DashboardPage, toolbar: ToolbarPage;
let context: any;
test.beforeEach(async ({ page }) => {
context = await setup({ page });
dashboard = new DashboardPage(page, context.project);
toolbar = toolbar = dashboard.kanban.toolbar;
});
test("Kanban", async () => {
// close 'Team & Auth' tab
await dashboard.closeTab({ title: "Team & Auth" });
await dashboard.treeView.openTable({ title: "Film" });
await dashboard.viewSidebar.createKanbanView({
title: "Film Kanban",
});
await dashboard.viewSidebar.verifyView({
title: "Film Kanban",
index: 1,
});
// configure stack-by field
await toolbar.clickStackByField();
await toolbar.stackBy.click({ title: "Rating" });
// click again to close menu
await toolbar.clickStackByField();
const kanban = dashboard.kanban;
await kanban.verifyStackCount({ count: 6 });
await kanban.verifyStackOrder({
order: ["Uncategorized", "G", "PG", "PG-13", "R", "NC-17"],
});
await kanban.verifyStackFooter({
count: [0, 178, 194, 223, 195, 210],
});
await kanban.verifyCardCount({
count: [0, 25, 25, 25, 25, 25],
});
// hide fields
await toolbar.fields.hideAll();
await toolbar.fields.toggle({ title: "Title" });
await kanban.verifyCardCount({
count: [0, 25, 25, 25, 25, 25],
});
// verify card order
const order = [
["ACE GOLDFINGER", "AFFAIR PREJUDICE", "AFRICAN EGG"],
["ACADEMY DINOSAUR", "AGENT TRUMAN", "ALASKA PHANTOM"],
["AIRPLANE SIERRA", "ALABAMA DEVIL", "ALTER VICTORY"],
["AIRPORT POLLOCK", "ALONE TRIP", "AMELIE HELLFIGHTERS"],
["ADAPTATION HOLES", "ALADDIN CALENDAR", "ALICE FANTASIA"],
];
for (let i = 1; i <= order.length; i++)
await kanban.verifyCardOrder({
stackIndex: i,
order: order[i - 1],
});
// // verify inter stack drag-drop
// await kanban.dragDropCard({
// from: "ACE GOLDFINGER",
// to: "ACADEMY DINOSAUR",
// });
// verify drag drop stack
await kanban.dragDropStack({
from: 1, // G
to: 2, // PG
});
await kanban.verifyStackOrder({
order: ["Uncategorized", "PG", "G", "PG-13", "R", "NC-17"],
});
// verify drag drop stack
await kanban.dragDropStack({
from: 2, // G
to: 1, // PG
});
await kanban.verifyStackOrder({
order: ["Uncategorized", "G", "PG", "PG-13", "R", "NC-17"],
});
// verify sort
await toolbar.sort.addSort({
columnTitle: "Title",
isAscending: false,
isLocallySaved: false,
});
// verify card order
const order2 = [
["YOUNG LANGUAGE", "WEST LION"],
["WORST BANGER", "WORDS HUNTER"],
];
for (let i = 1; i <= order2.length; i++)
await kanban.verifyCardOrder({
stackIndex: i,
order: order2[i - 1],
});
await toolbar.sort.resetSort();
// verify card order
const order3 = [
["ACE GOLDFINGER", "AFFAIR PREJUDICE", "AFRICAN EGG"],
["ACADEMY DINOSAUR", "AGENT TRUMAN", "ALASKA PHANTOM"],
];
for (let i = 1; i <= order3.length; i++)
await kanban.verifyCardOrder({
stackIndex: i,
order: order3[i - 1],
});
// verify filter
await toolbar.filter.addNew({
columnTitle: "Title",
opType: "is like",
value: "BA",
isLocallySaved: false,
});
// verify card order
const order4 = [
["BAKED CLEOPATRA", "BALLROOM MOCKINGBIRD"],
["ARIZONA BANG", "EGYPT TENENBAUMS"],
];
for (let i = 1; i <= order4.length; i++)
await kanban.verifyCardOrder({
stackIndex: i,
order: order4[i - 1],
});
await toolbar.filter.resetFilter();
const order5 = [
["ACE GOLDFINGER", "AFFAIR PREJUDICE", "AFRICAN EGG"],
["ACADEMY DINOSAUR", "AGENT TRUMAN", "ALASKA PHANTOM"],
];
for (let i = 1; i <= order5.length; i++)
await kanban.verifyCardOrder({
stackIndex: i,
order: order5[i - 1],
});
await dashboard.rootPage.waitForTimeout(1000);
});
test("Kanban view operations", async () => {
// close 'Team & Auth' tab
await dashboard.closeTab({ title: "Team & Auth" });
await dashboard.treeView.openTable({ title: "Film" });
await dashboard.viewSidebar.createKanbanView({
title: "Film Kanban",
});
await dashboard.viewSidebar.verifyView({
title: "Film Kanban",
index: 1,
});
await toolbar.sort.addSort({
columnTitle: "Title",
isAscending: false,
isLocallySaved: false,
});
await toolbar.filter.addNew({
columnTitle: "Title",
opType: "is like",
value: "BA",
isLocallySaved: false,
});
await toolbar.fields.hideAll();
await toolbar.fields.toggle({ title: "Title" });
await dashboard.viewSidebar.copyView({ title: "Film Kanban" });
await dashboard.viewSidebar.verifyView({
title: "Kanban-1",
index: 2,
});
const kanban = dashboard.kanban;
await kanban.verifyStackCount({ count: 6 });
await kanban.verifyStackOrder({
order: ["Uncategorized", "G", "PG", "PG-13", "R", "NC-17"],
});
await kanban.verifyStackFooter({
count: [0, 4, 5, 8, 6, 6],
});
await kanban.verifyCardCount({
count: [0, 4, 5, 8, 6, 6],
});
// verify card order
const order2 = [
["BAREFOOT MANCHURIAN", "BARBARELLA STREETCAR"],
["WORST BANGER", "PRESIDENT BANG"],
];
for (let i = 1; i <= order2.length; i++)
await kanban.verifyCardOrder({
stackIndex: i,
order: order2[i - 1],
});
await dashboard.viewSidebar.deleteView({ title: "Kanban-1" });
///////////////////////////////////////////////
await dashboard.viewSidebar.openView({ title: "Film Kanban" });
// add new stack
await kanban.addNewStack({ title: "Test" });
await dashboard.rootPage.waitForTimeout(1000);
await kanban.verifyStackCount({ count: 7 });
await kanban.verifyStackOrder({
order: ["Uncategorized", "G", "PG", "PG-13", "R", "NC-17", "Test"],
});
// collapse stack
await kanban.verifyCollapseStackCount({ count: 0 });
await kanban.collapseStack({ index: 0 });
await kanban.verifyCollapseStackCount({ count: 1 });
await kanban.expandStack({ index: 0 });
await kanban.verifyCollapseStackCount({ count: 0 });
// add record to stack & verify
await toolbar.fields.hideAll();
await toolbar.fields.toggleShowSystemFields();
await toolbar.fields.toggle({ title: "LanguageId" });
await toolbar.fields.toggle({ title: "Title" });
await toolbar.sort.resetSort();
await toolbar.filter.resetFilter();
await kanban.addCard({ stackIndex: 6 });
await dashboard.expandedForm.fillField({
columnTitle: "Title",
value: "New record",
});
await dashboard.expandedForm.fillField({
columnTitle: "LanguageId",
value: "1",
});
await dashboard.expandedForm.save();
await kanban.verifyStackCount({ count: 7 });
await kanban.verifyStackOrder({
order: ["Uncategorized", "G", "PG", "PG-13", "R", "NC-17", "Test"],
});
await kanban.verifyCardCount({
count: [0, 25, 25, 25, 25, 25, 1],
});
// delete stack
await kanban.deleteStack({ index: 6 });
await dashboard.rootPage.waitForTimeout(1000);
await kanban.verifyStackCount({ count: 6 });
await kanban.verifyStackOrder({
order: ["Uncategorized", "G", "PG", "PG-13", "R", "NC-17"],
});
await kanban.verifyCardCount({
count: [1, 25, 25, 25, 25, 25],
});
});
});