import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { describe, expect, it, vi } from "vitest";
import { App } from "../../src/App";

describe("Calendar Tools", () => {
  it("renders the local workbench and bounded recurrence view", async () => {
    vi.stubGlobal(
      "fetch",
      vi.fn(async () => new Response("Not found", { status: 404 })),
    );
    render(<App />);
    expect(
      await screen.findByRole("heading", { name: "Calendar Tools" }),
    ).toBeVisible();
    await userEvent.click(
      await screen.findByRole("tab", { name: "Recurrence" }),
    );
    expect(
      screen.getByRole("heading", { name: "Occurrence and conflict preview" }),
    ).toBeVisible();
    expect(screen.getByText("Browser-local")).toBeVisible();
  });
});