sendou.ink/e2e/comp-analyzer.spec.ts

import { expect, test } from "./helpers/playwright";
import { CompAnalyzerPage } from "./pages/comp-analyzer/comp-analyzer-page";

test.describe("Composition Analyzer", () => {
	test("weapon selection, removal, and URL persistence", async ({ page }) => {
		const compAnalyzer = new CompAnalyzerPage(page);
		await compAnalyzer.goto();

		await expect(compAnalyzer.locators.selectedWeapons).toBeVisible();

		await expect(compAnalyzer.locators.emptyWeaponSlots).toHaveCount(4);

		await compAnalyzer.selectWeapon(40);

		await expect(compAnalyzer.selectedWeapon(0)).toBeVisible();
		await expect(compAnalyzer.locators.emptyWeaponSlots).toHaveCount(3);

		await compAnalyzer.removeWeapon(0);
		await expect(compAnalyzer.locators.emptyWeaponSlots).toHaveCount(4);

		// a full four weapons auto-collapse the grid
		await expect(compAnalyzer.locators.categorizationToggle).toBeVisible();

		await compAnalyzer.selectWeapon(40);
		await compAnalyzer.selectWeapon(50);
		await compAnalyzer.selectWeapon(60);
		await compAnalyzer.selectWeapon(70);

		await expect(compAnalyzer.locators.categorizationToggle).not.toBeVisible();

		await expect(page).toHaveURL(/weapons=/);

		await page.reload();

		await expect(compAnalyzer.selectedWeapon(0)).toBeVisible();
		await expect(compAnalyzer.selectedWeapon(1)).toBeVisible();
		await expect(compAnalyzer.selectedWeapon(2)).toBeVisible();
		await expect(compAnalyzer.selectedWeapon(3)).toBeVisible();
	});

	test("weapon grid controls and categorization", async ({ page }) => {
		const compAnalyzer = new CompAnalyzerPage(page);
		await compAnalyzer.goto();

		await expect(compAnalyzer.categorizationRadio("category")).toBeChecked();

		await compAnalyzer.selectCategorization("sub");
		await expect(compAnalyzer.categorizationRadio("sub")).toBeChecked();

		await compAnalyzer.selectCategorization("special");
		await expect(compAnalyzer.categorizationRadio("special")).toBeChecked();

		await expect(compAnalyzer.locators.categorizationToggle).toBeVisible();

		await compAnalyzer.toggleWeaponGrid();
		await expect(compAnalyzer.locators.categorizationToggle).not.toBeVisible();

		await compAnalyzer.toggleWeaponGrid();
		await expect(compAnalyzer.locators.categorizationToggle).toBeVisible();

		await compAnalyzer.selectCategorization("sub");
		await expect(page).toHaveURL(/categorization=sub/);

		await page.reload();

		await expect(compAnalyzer.categorizationRadio("sub")).toBeChecked();
	});

	test("analysis sections appear and can be collapsed", async ({ page }) => {
		const compAnalyzer = new CompAnalyzerPage(page);
		await compAnalyzer.goto();

		const damageCombos = compAnalyzer.damageCombos;

		await expect(damageCombos.root).not.toBeVisible();
		await expect(compAnalyzer.locators.rangeVisualization).not.toBeVisible();

		// 210 is a blaster, which has range data
		await compAnalyzer.selectWeapon(40);
		await compAnalyzer.selectWeapon(210);

		await expect(damageCombos.root).toBeVisible();
		await expect(compAnalyzer.locators.rangeVisualization).toBeVisible();

		await expect(damageCombos.content).toBeVisible();

		await damageCombos.toggleCollapsed();
		await expect(damageCombos.content).not.toBeVisible();

		await damageCombos.toggleCollapsed();
		await expect(damageCombos.content).toBeVisible();
	});

	test("damage combo sliders and filtering work correctly", async ({
		page,
	}) => {
		const compAnalyzer = new CompAnalyzerPage(page);
		await compAnalyzer.goto();

		// Splattershot Jr. has Splat Bomb sub
		await compAnalyzer.selectWeapon(10);
		await compAnalyzer.selectWeapon(40);

		const damageCombos = compAnalyzer.damageCombos;
		await expect(damageCombos.root).toBeVisible();

		const initialDamageValues =
			await damageCombos.damageValues.allTextContents();

		await damageCombos.subDefenseSlider.fill("57");

		const newDamageValues = await damageCombos.damageValues.allTextContents();
		expect(initialDamageValues.join(",")).not.toEqual(
			newDamageValues.join(","),
		);

		await damageCombos.subDefenseSlider.fill("0");

		const initialInkTimes = await damageCombos.inkTimes.allTextContents();

		await damageCombos.inkResistanceSlider.fill("57");

		const newInkTimes = await damageCombos.inkTimes.allTextContents();

		// ink resistance makes ink times longer or reveals more ink combos
		if (initialInkTimes.length > 0 || newInkTimes.length > 0) {
			const initialTotalFrames = initialInkTimes.reduce(
				(sum, t) => sum + (Number.parseInt(t, 10) || 0),
				0,
			);
			const newTotalFrames = newInkTimes.reduce(
				(sum, t) => sum + (Number.parseInt(t, 10) || 0),
				0,
			);
			expect(newTotalFrames).toBeGreaterThanOrEqual(initialTotalFrames);
		}

		const firstDamageTypeLabel = damageCombos.damageTypeLabels.first();
		const damageTypeText = await firstDamageTypeLabel.textContent();

		await expect(damageCombos.filteredItems).toHaveCount(0);

		await firstDamageTypeLabel.click();

		const filteredCount = await damageCombos.filteredItems.count();
		expect(filteredCount).toBeGreaterThan(0);

		await expect(damageCombos.filteredItems.first()).toContainText(
			damageTypeText ?? "",
		);

		await damageCombos.filteredItems.first().click();
		await expect(damageCombos.filteredItems).toHaveCount(filteredCount - 1);
	});
});