sendou.ink/e2e/org.spec.ts

import { NZAP_TEST_ID, ORG_ADMIN_TEST_ID } from "~/db/seed/constants";
import { ADMIN_ID } from "~/features/admin/admin-constants";
import {
	banUserActionSchema,
	newOrganizationSchema,
	updateIsEstablishedSchema,
} from "~/features/tournament-organization/tournament-organization-schemas";
import {
	expect,
	impersonate,
	isNotVisible,
	navigate,
	seed,
	submit,
	test,
	waitForPOSTResponse,
} from "~/utils/playwright";
import { createFormHelpers } from "~/utils/playwright-form";
import {
	TOURNAMENT_NEW_PAGE,
	tournamentOrganizationPage,
	tournamentPage,
} from "~/utils/urls";

const url = tournamentOrganizationPage({
	organizationSlug: "sendouink",
});

test.describe("Tournament Organization", () => {
	test("can create a new organization", async ({ page }) => {
		await seed(page);
		await impersonate(page);
		await navigate({ page, url: "/" });

		await page.getByTestId("anything-adder-menu-button").first().click();
		await page.getByTestId("menu-item-organization").click();

		const form = createFormHelpers(page, newOrganizationSchema);
		await form.fill("name", "Test Organization");
		await submit(page);

		await expect(page.getByTestId("edit-org-button")).toBeVisible();
	});

	test("user can be promoted to admin gaining org controls and can edit tournaments", async ({
		page,
	}) => {
		await seed(page);

		const editButtonLocator = page.getByTestId("edit-org-button");

		// 1. As a regular user, verify edit controls are not visible
		await impersonate(page, NZAP_TEST_ID);
		await navigate({
			page,
			url,
		});
		await isNotVisible(editButtonLocator);

		// 2. As admin, promote user to admin
		await impersonate(page, ADMIN_ID);
		await navigate({ page, url });
		await editButtonLocator.click();
		// Add member as admin - find the specific member fieldset containing N-ZAP
		// The array field creates numbered fieldsets (#1, #2, #3) for each member
		// Find the role select that belongs to the same fieldset as N-ZAP user select
		const nzapFieldset = page.locator('fieldset:has(button:has-text("N-ZAP"))');
		await nzapFieldset
			.getByLabel("Role", { exact: true })
			.selectOption("ADMIN");
		await submit(page);

		// 3. As the promoted user, verify edit controls are visible and page can be accessed
		await impersonate(page, NZAP_TEST_ID);
		await navigate({
			page,
			url,
		});
		await editButtonLocator.click();
		await expect(
			page.getByText("Editing tournament organization"),
		).toBeVisible();

		// 4. As the promoted user, verify they can edit tournaments
		await navigate({
			page,
			url: tournamentPage(1),
		});

		await page.getByTestId("admin-tab").click();
		await page.getByTestId("edit-event-info-button").click();
		await expect(page.getByTestId("calendar-event-name-input")).toHaveValue(
			"PICNIC #2",
		);
	});

	test("banned player cannot join a tournament of that organization", async ({
		page,
	}) => {
		await seed(page, "REG_OPEN");

		// 1. As admin, ban NZAP user from the organization
		await impersonate(page, ADMIN_ID);
		await navigate({ page, url });

		const bannedUsersTab = page.getByTestId("banned-users-tab");

		// Go to banned users section and add NZAP to ban list
		await bannedUsersTab.click();
		await page.getByText("New ban", { exact: true }).click();
		// Wait for the dialog to be visible
		const dialog = page.getByRole("dialog");
		await expect(dialog).toBeVisible();
		// Find and click the UserSearch combobox (React Aria Select renders as combobox)
		const userSearchCombobox = dialog.getByRole("button").filter({
			has: page.locator('[class*="selectValue"]'),
		});
		await userSearchCombobox.click();
		// Wait for the popover to open and fill search
		await expect(page.getByTestId("user-search-input")).toBeVisible();
		await page.getByTestId("user-search-input").fill("N-ZAP");
		await expect(page.getByTestId("user-search-item").first()).toBeVisible();
		await page.keyboard.press("Enter");
		// Fill the note and set expiration date
		const banForm = createFormHelpers(page, banUserActionSchema);
		await banForm.fill("privateNote", "Test reason");
		// Set a future expiration date to avoid validation issues
		const futureDate = new Date();
		futureDate.setMonth(futureDate.getMonth() + 1);
		await banForm.setDateTime("expiresAt", futureDate);
		await submit(page);
		// The added ban should be visible in the table
		await expect(page.getByRole("table")).toContainText("Test reason");

		// 2. As the banned user, try to join a tournament
		await impersonate(page, NZAP_TEST_ID);
		await navigate({
			page,
			url: tournamentPage(1),
		});

		// Try to create a team
		await page.getByRole("tab", { name: "Register" }).click();

		// Fill in team details
		await page.getByLabel("Team name").fill("Banned Team");
		await waitForPOSTResponse(page, () =>
			page.getByTestId("save-team-button").click(),
		);

		// Verify the team was not created (Fill roster only appears after successful registration)
		await expect(page.getByText("Fill roster")).not.toBeVisible();

		// 3. As admin, remove the ban
		await impersonate(page, ADMIN_ID);
		await navigate({ page, url });
		await bannedUsersTab.click();
		await page.getByRole("button", { name: "Unban" }).click();
		await submit(page, "confirm-button");

		// 4. As the unbanned user, verify they can now join a tournament
		await impersonate(page, NZAP_TEST_ID);
		await navigate({
			page,
			url: tournamentPage(1),
		});
		await page.getByRole("tab", { name: "Register" }).click();

		// Try to create a team again
		await expect(page.getByText(/Teams \(\d+\)/)).toBeVisible();

		const teamCountBefore = await page.getByText(/Teams \(\d+\)/).textContent();

		await page.getByLabel("Team name").fill("Unbanned Team");
		await page.getByTestId("save-team-button").click();

		const countBefore = Number(teamCountBefore?.match(/\d+/)?.[0] ?? 0);
		await expect(page.getByText(`Teams (${countBefore + 1})`)).toBeVisible();

		// 5. As admin, ban user again but with permanent ban this time
		await impersonate(page, ADMIN_ID);
		await navigate({ page, url });
		await bannedUsersTab.click();
		await page.getByText("New ban", { exact: true }).click();
		const dialog2 = page.getByRole("dialog");
		await expect(dialog2).toBeVisible();
		const userSearchCombobox2 = dialog2.getByRole("button").filter({
			has: page.locator('[class*="selectValue"]'),
		});
		await userSearchCombobox2.click();
		await expect(page.getByTestId("user-search-input")).toBeVisible();
		await page.getByTestId("user-search-input").fill("N-ZAP");
		await expect(page.getByTestId("user-search-item").first()).toBeVisible();
		await page.keyboard.press("Enter");
		const banForm2 = createFormHelpers(page, banUserActionSchema);
		await banForm2.fill("privateNote", "Does not expire");
		// Don't set expiresAt - leave empty for permanent ban
		await submit(page);
		// Verify "Permanent" appears in the table
		await expect(page.getByRole("table")).toContainText("Permanent");
	});

	test("allows member of established org to create tournament", async ({
		page,
	}) => {
		await seed(page);

		await impersonate(page, ORG_ADMIN_TEST_ID);
		await navigate({
			page,
			url: TOURNAMENT_NEW_PAGE,
		});
		await expect(
			page.getByText("No permissions to add tournaments"),
		).toBeVisible();
		await expect(page.getByText("New tournament")).not.toBeVisible();

		await impersonate(page, ADMIN_ID);
		await navigate({
			page,
			url: "/org/sendouink",
		});

		await page.getByRole("tab", { name: "Admin" }).click();

		const isEstablishedForm = createFormHelpers(
			page,
			updateIsEstablishedSchema,
		);
		await waitForPOSTResponse(page, () =>
			isEstablishedForm.check("isEstablished"),
		);

		await impersonate(page, ORG_ADMIN_TEST_ID);
		await navigate({
			page,
			url: TOURNAMENT_NEW_PAGE,
		});

		await expect(
			page.getByText("No permissions to add tournaments"),
		).not.toBeVisible();
		await expect(page.getByText("New tournament")).toBeVisible();
	});
});