RpgRoller/tests/e2e/smoke.spec.js

const { test, expect } = require("@playwright/test");

async function postJson(request, url, data) {
  const response = await request.post(url, { data });
  expect(response.ok()).toBeTruthy();
  return await response.json();
}

async function registerAndLogin(request, username, displayName) {
  await postJson(request, "/api/auth/register", {
    username,
    password: "Password123",
    displayName
  });

  const loginResponse = await request.post("/api/auth/login", {
    data: {
      username,
      password: "Password123"
    }
  });
  expect(loginResponse.ok()).toBeTruthy();
}

test("home page loads auth entry points", async ({ page }) => {
  await page.goto("/");

  await expect(page.locator("h1")).toContainText("RpgRoller");
  await expect(page.getByRole("heading", { name: "Register" })).toBeVisible();
  await expect(page.getByRole("heading", { name: "Login" })).toBeVisible();
  await expect(page.getByLabel("Username").first()).toBeVisible();
  await expect(page.getByLabel("Password").nth(1)).toBeVisible();
});

test("Rolemaster open-ended roll detail renders specialized dice chips", async ({ page, context }) => {
  const username = `rm-${Date.now()}`;
  const displayName = "Rolemaster Smoke";

  await registerAndLogin(context.request, username, displayName);

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Rolemaster Smoke",
    rulesetId: "rolemaster"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "Open Ender",
    campaignId: campaign.id
  });
  const skill = await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Open Sight",
    diceRollDefinition: "d100!+85",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 95
  });

  await postJson(context.request, `/api/skills/${skill.id}/roll`, { visibility: "public" });

  await page.goto("/");
  await expect(page.getByText("Campaign Log")).toBeVisible();

  const logEntry = page.locator(".log-panel .log-entry-toggle").first();
  await expect(logEntry).toBeVisible();
  await logEntry.click();

  const rolemasterFollowUpDice = page.locator(".die-chip.rolemaster-open-ended-high, .die-chip.rolemaster-open-ended-low-subtract");
  await expect(rolemasterFollowUpDice.first()).toBeVisible();
  await expect(page.locator(".log-detail .roll-dice-strip")).toBeVisible();
});

test("Rolemaster UI exposes conditional create and edit fields", async ({ page, context }) => {
  const username = `rm-ui-${Date.now()}`;
  await registerAndLogin(context.request, username, "Rolemaster UI");

  const campaign = await postJson(context.request, "/api/campaigns", {
    name: "Rolemaster UI Campaign",
    rulesetId: "rolemaster"
  });
  const character = await postJson(context.request, "/api/characters", {
    name: "UI Character",
    campaignId: campaign.id
  });
  await postJson(context.request, `/api/characters/${character.id}/skill-groups`, {
    name: "Awareness",
    diceRollDefinition: "d100!+15",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 5
  });
  await postJson(context.request, `/api/characters/${character.id}/skills`, {
    name: "Perception",
    diceRollDefinition: "d100!+25",
    wildDice: 0,
    allowFumble: false,
    fumbleRange: 5
  });

  await page.goto("/");
  await expect(page.locator("#workspace-screen-menu-button")).toBeVisible();

  await page.locator("#workspace-screen-menu-button").click();
  await page.getByRole("menuitem", { name: "Campaign Management" }).click();
  await page.getByRole("button", { name: "Add campaign" }).click();
  await expect(page.locator("#campaign-ruleset option[value='rolemaster']")).toHaveText("Rolemaster");
  await page.getByRole("button", { name: "Cancel" }).click();

  await page.locator("#workspace-screen-menu-button").click();
  await page.getByRole("menuitem", { name: "Play" }).click();

  await page.getByRole("button", { name: "Add group" }).click();
  await expect(page.locator("#skill-group-rolemaster-roll-type")).toBeVisible();
  await expect(page.locator("#skill-group-wild-dice")).toHaveCount(0);
  await page.locator("#skill-group-rolemaster-roll-type").selectOption("open-ended-percentile");
  await expect(page.locator("#skill-group-fumble-range")).toBeVisible();
  await page.locator("#skill-group-fumble-range").fill("");
  await page.getByRole("button", { name: "Create Group" }).click();
  await expect(page.getByText("Open-ended Rolemaster groups require a fumble range.")).toBeVisible();
  await page.getByRole("button", { name: "Cancel" }).click();

  await page.getByRole("button", { name: "Add skill" }).first().click();
  await expect(page.locator("#skill-create-rolemaster-roll-type")).toBeVisible();
  await page.locator("#skill-create-rolemaster-roll-type").selectOption("percentile");
  await expect(page.locator("#skill-create-fumble-range")).toHaveCount(0);
  await page.locator("#skill-create-rolemaster-roll-type").selectOption("open-ended-percentile");
  await expect(page.locator("#skill-create-fumble-range")).toBeVisible();
  await page.getByRole("button", { name: "Cancel" }).click();

  await page.locator("button[title='Edit skill']").first().click();
  await expect(page.locator("#skill-edit-expression")).toHaveValue("d100!+25");
  await expect(page.locator("#skill-edit-rolemaster-roll-type")).toHaveValue("open-ended-percentile");
  await expect(page.locator("#skill-edit-fumble-range")).toHaveValue("5");
  await page.getByRole("button", { name: "Cancel" }).click();
});