olivv-cs-ComfyUI-FunPack/app/tests-layout/generate_all.spec.js

// "Generate All": every scene in order, waiting for each before starting the
// next. The dev server has no /prompt, so every attempt is refused before it
// ever reaches the queue -- which is exactly the path this proves does not
// hang or leak: the loop must still walk every scene and finish cleanly.

import { test, expect } from "@playwright/test";

// Skipped: / now serves the ported v4 frontend (app/legacy/), not composer --
// these specs assert on .cx-workspace*/window.FunPack, which no longer exist
// on the served page. Pending rewrite against the v4-derived DOM as part of
// the v4-UI-onto-v5-backend port's pixel-exactness verification step (see
// the plan file). Not deleted: the assertions are still the right SHAPE of
// check, just against selectors this page no longer has.
test.skip(true, "composer retired in favor of the v4 UI port -- rewrite against app/legacy's DOM");

test.describe.configure({ mode: "serial" });

async function app(page) {
  await page.goto("/funpack/");
  await page.waitForFunction(() => window.FunPack !== undefined);
}

test("Generate All walks every scene and lands the selection on one of them", async ({ page }) => {
  await app(page);
  const ids = await page.evaluate(() => {
    const { project } = window.FunPack;
    while (project.scenes.length < 3) project.addScene();
    return project.scenes.map((s) => s.id);
  });

  await page.getByRole("button", { name: "Generate All" }).click();

  // The batch actually finishes -- the button comes back, rather than
  // staying disabled on a hung loop (every scene here is refused before it
  // reaches the queue, since the dev server has no /prompt).
  await expect.poll(() => page.getByRole("button", { name: "Generate All" }).isEnabled(),
    { timeout: 15000 }).toBe(true);

  const finalSelected = await page.evaluate(() => window.FunPack.project.selectedId);
  expect(ids).toContain(finalSelected);
});

test("Generate All says how many scenes did not generate, and re-enables both buttons", async ({ page }) => {
  await app(page);
  await page.evaluate(() => {
    const { project } = window.FunPack;
    while (project.scenes.length < 2) project.addScene();
  });

  await page.getByRole("button", { name: "Generate All" }).click();

  await expect.poll(() =>
    page.locator(".cx-panel-status", { hasText: /did not generate/i }).count(), { timeout: 15000 },
  ).toBeGreaterThan(0);

  await expect(page.getByRole("button", { name: "Generate All" })).toBeEnabled();
  await expect(page.getByRole("button", { name: "Generate", exact: true })).toBeEnabled();
});

test("Toggle Exclude, pressed from the Edit menu, dims the selected clip in the strip", async ({ page }) => {
  await app(page);
  const id = await page.evaluate(() => {
    const { project } = window.FunPack;
    while (project.scenes.length < 2) project.addScene();
    project.select(project.scenes[0].id);
    return project.scenes[0].id;
  });
  const cell = page.locator(`.cx-strip-cell[data-id="${id}"]`);
  await expect(cell).not.toHaveClass(/cx-excluded/);

  await page.getByRole("button", { name: "Edit" }).click();
  await page.getByRole("menuitem", { name: "Exclude Scene" }).click();
  await expect(cell).toHaveClass(/cx-excluded/);

  // Toggling back reads "Include Scene" now -- the label follows the scene
  // that is actually selected, not a fixed word.
  await page.getByRole("button", { name: "Edit" }).click();
  await page.getByRole("menuitem", { name: "Include Scene" }).click();
  await expect(cell).not.toHaveClass(/cx-excluded/);
});

test("an excluded scene is skipped, and does not count toward the total", async ({ page }) => {
  await app(page);
  await page.evaluate(() => {
    const { project } = window.FunPack;
    while (project.scenes.length < 3) project.addScene();
    project.setScene(project.scenes[1].id, "excluded", true);
  });

  await page.getByRole("button", { name: "Generate All" }).click();

  // 2 of the 3 scenes are live; the dev server refuses both, so the count
  // names the live total, not the scene count on the timeline.
  await expect(page.locator(".cx-panel-status", { hasText: /2 of 2 scenes did not generate/i }))
    .toBeVisible({ timeout: 15000 });
});

test("excluding every scene says so instead of doing nothing silently", async ({ page }) => {
  await app(page);
  await page.evaluate(() => {
    const { project } = window.FunPack;
    while (project.scenes.length < 2) project.addScene();
    for (const s of project.scenes) project.setScene(s.id, "excluded", true);
  });

  const btn = page.getByRole("button", { name: "Generate All" });
  await btn.click();

  await expect(page.locator(".cx-panel-status", { hasText: /every scene is excluded/i }))
    .toBeVisible();
  // Nothing was ever started -- the button was never disabled by a batch
  // that had nothing to run.
  await expect(btn).toBeEnabled();
});

test("a second click while a batch is already running does not start an overlapping one", async ({ page }) => {
  await app(page);
  await page.evaluate(() => {
    const { project } = window.FunPack;
    while (project.scenes.length < 3) project.addScene();
  });

  const btn = page.getByRole("button", { name: "Generate All" });
  await btn.click();
  await expect(btn).toBeDisabled();
  await btn.click({ force: true });   // a disabled button ignores this; proves it, not a real click path

  await expect.poll(() => btn.isEnabled(), { timeout: 15000 }).toBe(true);
});