sendou.ink/e2e/tournament.spec.ts

import { expect, test } from "@playwright/test";
import { ADMIN_ID } from "~/constants";
import { NZAP_TEST_ID } from "~/db/seed/constants";
import { BANNED_MAPS } from "~/features/sendouq-settings/banned-maps";
import type { StageId } from "~/modules/in-game-lists";
import { rankedModesShort } from "~/modules/in-game-lists/modes";
import invariant from "~/utils/invariant";
import {
	impersonate,
	isNotVisible,
	navigate,
	seed,
	selectUser,
	submit,
} from "~/utils/playwright";
import { tournamentBracketsPage, tournamentPage } from "~/utils/urls";
import { tournamentFromDB } from "../app/features/tournament-bracket/core/Tournament.server";

const fetchTournamentLoaderData = () =>
	tournamentFromDB({ tournamentId: 1, user: { id: ADMIN_ID } });

const getIsOwnerOfUser = ({
	teams,
	userId,
	teamId,
}: {
	teams: Array<{
		id: number;
		members: Array<{ userId: number; isOwner: number }>;
	}>;
	userId: number;
	teamId: number;
}) => {
	const team = teams.find((t) => t.id === teamId);
	invariant(team, "Team not found");

	return team.members.find((m) => m.userId === userId)?.isOwner;
};

const getTeamCheckedInAt = ({
	teams,
	teamId,
}: {
	teams: Array<{
		id: number;
		checkIns: unknown[];
		members: Array<{ userId: number }>;
	}>;
	teamId: number;
}) => {
	const team = teams.find((t) => t.id === teamId);
	invariant(team, "Team not found");
	return team.checkIns.length > 0;
};

test.describe("Tournament", () => {
	test("registers for tournament", async ({ page }) => {
		await seed(page, "REG_OPEN");
		await impersonate(page);

		await navigate({
			page,
			url: tournamentPage(1),
		});

		await page.getByTestId("tab-Register").click();

		await page.getByLabel("Pick-up name").fill("Chimera");
		await page.getByTestId("save-team-button").click();

		await page.getByTestId("add-player-button").click();
		await expect(page.getByTestId("member-num-2")).toBeVisible();
		await page.getByTestId("add-player-button").click();
		await expect(page.getByTestId("member-num-3")).toBeVisible();
		await page.getByTestId("add-player-button").click();
		await expect(page.getByTestId("member-num-4")).toBeVisible();

		let stage = 5;
		for (const mode of rankedModesShort) {
			for (let i = 0; i < 2; i++) {
				while (BANNED_MAPS[mode].includes(stage as StageId)) {
					stage++;
				}

				await page.getByTestId(`map-pool-${mode}-${stage}`).click();
				stage++;
			}
		}
		await page.getByTestId("save-map-list-button").click();

		await expect(page.getByTestId("checkmark-icon-num-3")).toBeVisible();
	});

	test("checks in and appears on the bracket", async ({ page }) => {
		await seed(page, "REG_OPEN");
		await impersonate(page);

		await navigate({
			page,
			url: tournamentBracketsPage({ tournamentId: 3 }),
		});

		await isNotVisible(page.getByText("Chimera"));

		await page.getByTestId("register-tab").click();
		await page.getByTestId("check-in-button").click();

		await page.getByTestId("brackets-tab").click();
		await expect(page.getByTestId("brackets-viewer")).toBeVisible();
		await page.getByText("Chimera").nth(0).waitFor();
	});

	test("operates admin controls", async ({ page }) => {
		await seed(page);
		await impersonate(page);

		await navigate({
			page,
			url: tournamentPage(1),
		});

		await page.getByTestId("admin-tab").click();

		const actionSelect = page.getByLabel("Action");
		const teamSelect = page.getByLabel("Team", { exact: true });
		const memberSelect = page.getByLabel("Member");

		// Change team name
		{
			await actionSelect.selectOption("CHANGE_TEAM_NAME");
			await teamSelect.selectOption("1");
			await page.getByLabel("Team name").fill("NSTC");
			await submit(page);

			const tournament = await fetchTournamentLoaderData();
			const firstTeam = tournament.ctx.teams.find((t) => t.id === 1);
			invariant(firstTeam, "First team not found");
			expect(firstTeam.name).toBe("NSTC");
		}

		// Change team owner
		let tournament = await fetchTournamentLoaderData();
		expect(
			getIsOwnerOfUser({
				teams: tournament.ctx.teams,
				userId: ADMIN_ID,
				teamId: 1,
			}),
		).toBe(1);

		await actionSelect.selectOption("CHANGE_TEAM_OWNER");
		await teamSelect.selectOption("1");
		await memberSelect.selectOption("2");
		await submit(page);

		tournament = await fetchTournamentLoaderData();
		expect(
			getIsOwnerOfUser({
				teams: tournament.ctx.teams,
				userId: ADMIN_ID,
				teamId: 1,
			}),
		).toBe(0);
		expect(
			getIsOwnerOfUser({
				teams: tournament.ctx.teams,
				userId: NZAP_TEST_ID,
				teamId: 1,
			}),
		).toBe(1);

		// Check in team
		expect(
			getTeamCheckedInAt({ teams: tournament.ctx.teams, teamId: 1 }),
		).toBeFalsy();

		await actionSelect.selectOption("CHECK_IN");
		await submit(page);

		tournament = await fetchTournamentLoaderData();
		expect(
			getTeamCheckedInAt({ teams: tournament.ctx.teams, teamId: 1 }),
		).toBeTruthy();

		// Check out team
		await actionSelect.selectOption("CHECK_OUT");
		await submit(page);

		tournament = await fetchTournamentLoaderData();
		expect(
			getTeamCheckedInAt({ teams: tournament.ctx.teams, teamId: 1 }),
		).toBeFalsy();

		// Remove member...
		const firstTeam = tournament.ctx.teams.find((t) => t.id === 1);
		invariant(firstTeam, "First team not found");
		const firstNonOwnerMember = firstTeam.members.find(
			(m) => m.userId !== 1 && !m.isOwner,
		);
		invariant(firstNonOwnerMember, "First non owner member not found");

		await actionSelect.selectOption("REMOVE_MEMBER");
		await memberSelect.selectOption(String(firstNonOwnerMember.userId));
		await submit(page);

		tournament = await fetchTournamentLoaderData();
		const firstTeamAgain = tournament.ctx.teams.find((t) => t.id === 1);
		invariant(firstTeamAgain, "First team again not found");
		expect(firstTeamAgain.members.length).toBe(firstTeam.members.length - 1);

		// ...and add to another team
		const teamWithSpace = tournament.ctx.teams.find(
			(t) => t.id !== 1 && t.members.length === 4,
		);
		invariant(teamWithSpace, "Team with space not found");

		await actionSelect.selectOption("ADD_MEMBER");
		await teamSelect.selectOption(String(teamWithSpace.id));
		await selectUser({
			labelName: "User",
			userName: firstNonOwnerMember.username,
			page,
		});
		await submit(page);

		tournament = await fetchTournamentLoaderData();
		const teamWithSpaceAgain = tournament.ctx.teams.find(
			(t) => t.id === teamWithSpace.id,
		);
		invariant(teamWithSpaceAgain, "Team with space again not found");

		expect(teamWithSpaceAgain.members.length).toBe(
			teamWithSpace.members.length + 1,
		);

		// Remove team
		await actionSelect.selectOption("DELETE_TEAM");
		await teamSelect.selectOption("1");
		await submit(page);

		tournament = await fetchTournamentLoaderData();
		expect(tournament.ctx.teams.find((t) => t.id === 1)).toBeFalsy();
	});
});