import { describe, it, expect } from "vitest";
import { render, screen } from "@testing-library/react";
import App from "@/App";

describe("App", () => {
  it("renders the main heading", () => {
    render(<App />);

    expect(screen.getByText("Mission Control")).toBeInTheDocument();
  });

  it("renders the tagline", () => {
    render(<App />);

    expect(
      screen.getByText("What should you be doing right now?")
    ).toBeInTheDocument();
  });

  it("renders the focus placeholder", () => {
    render(<App />);

    expect(
      screen.getByText("THE ONE THING will appear here")
    ).toBeInTheDocument();
  });
});