add a basic e2e test for external membership management

Author: devksingh4

tests/e2e/externalMembership.spec.ts

@@ -0,0 +1,63 @@
+import { expect } from "@playwright/test";
+import { test } from "./base.js";
+import { describe } from "node:test";
+import { randomUUID } from "crypto";
+
+describe("External Membership tests", () => {
+  test("A user can create, modify, and delete external memberships", async ({
+    page,
+    becomeUser,
+  }) => {
+    const uuid = `e2e-${randomUUID()}`;
+    await becomeUser(page);
+    await page.locator("a").filter({ hasText: "External Membership" }).click();
+    await page.getByRole("button", { name: "New List" }).click();
+    await page.getByRole("textbox", { name: "New List ID" }).fill(uuid);
+    await page.getByRole("textbox", { name: "Initial Member NetID" }).click();
+    await page
+      .getByRole("textbox", { name: "Initial Member NetID" })
+      .fill("corete5");
+    await page.getByRole("button", { name: "Create List" }).click();
+    await expect(page.getByText("corete5")).toBeVisible();
+    await expect(page.locator("tbody")).toContainText("corete5");
+    await expect(page.locator("tbody")).toContainText("Active");
+    await expect(page.getByRole("main")).toContainText("Found 1 member.");
+    await page.getByRole("button", { name: "Replace List" }).click();
+    await page
+      .getByRole("textbox", { name: "jdoe2 [email protected]" })
+      .fill("corete5\ncorete6");
+    await page.getByRole("button", { name: "Compute Changes" }).click();
+    await expect(page.locator("tbody")).toContainText("corete6");
+    await expect(page.locator("tbody")).toContainText("Queued for addition");
+    await expect(page.locator("tbody")).toContainText("Cancel Add");
+    await page
+      .getByRole("button", { name: "Save Changes (1 Additions, 0" })
+      .click();
+    await page.getByRole("button", { name: "Cancel", exact: true }).click();
+    await expect(page.getByRole("main")).toContainText(
+      "Save Changes (1 Additions, 0 Removals)",
+    );
+    await page
+      .getByRole("button", { name: "Save Changes (1 Additions, 0" })
+      .click();
+    await page.getByRole("button", { name: "Confirm and Save" }).click();
+    await page
+      .getByRole("row", { name: "CO corete5 Active Remove" })
+      .getByRole("button")
+      .click();
+    await page.getByRole("button", { name: "Remove" }).click();
+    await page
+      .getByRole("button", { name: "Save Changes (0 Additions, 2" })
+      .click();
+    await page.getByRole("button", { name: "Confirm and Save" }).click();
+    await expect(page.getByText("Member list has been updated.")).toBeVisible();
+    await page.reload();
+    await expect(
+      page.getByText("Manage External Membership Lists"),
+    ).toBeVisible();
+    await page.getByPlaceholder("Pick a list to manage").click();
+    await expect(page.getByText(uuid)).not.toBeVisible();
+    await page.getByText("acmlivetesting").click();
+    await expect(page.getByText("acmtest2")).toBeVisible();
+  });
+});