test: kanban part-1

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
2026-05-01 03:56:49 +00:00 · 2022-10-19 17:36:59 +05:30
parent f843b420e1
commit faa222b71f
8 changed files with 335 additions and 13 deletions
--- a/scripts/playwright/tests/viewKanban.spec.ts
+++ b/scripts/playwright/tests/viewKanban.spec.ts
@@ -0,0 +1,146 @@
+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 });
+    // 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);
+  });
+});