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

describe("Diagram Workbench", () => {
  it("loads and renders a sequence example with an accessible outline", async () => {
    const user = userEvent.setup();
    render(<Workbench />);

    await user.click(screen.getByRole("button", { name: "sequence" }));
    await user.click(screen.getByRole("button", { name: "Render diagram" }));

    expect(screen.getByText(/Rendered 3 nodes and 3 edges/)).toBeVisible();
    expect(
      screen.getByRole("region", { name: "Diagram textual outline" }),
    ).toHaveTextContent("Browser");
  });
});