claude-code-viewer/e2e/captureSnapshot/project-detail.ts

import { projectIds } from "../config";
import { defineCapture } from "../utils/defineCapture";

export const projectDetailCapture = defineCapture({
  href: `projects/${projectIds.sampleProject}`,
  cases: [
    {
      name: "filters-expanded",
      setup: async (page) => {
        const filterToggle = page.locator(
          '[data-testid="expand-filter-settings-button"]',
        );
        if (await filterToggle.isVisible()) {
          await filterToggle.click();
          await page.waitForTimeout(300);
        } else {
          throw new Error("Filter settings button not found");
        }
      },
    },
    {
      name: "new-chat-modal",
      setup: async (page) => {
        const newChatButton = page.locator('[data-testid="new-chat"]');
        if (await newChatButton.isVisible()) {
          await newChatButton.click();
          await page.waitForTimeout(300);
        }
      },
    },
  ],
});