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

describe("PillarStrip", () => {
  it("renders the three pillars", () => {
    render(<PillarStrip />);
    expect(screen.getByText("Mind")).toBeInTheDocument();
    expect(screen.getByText("Body")).toBeInTheDocument();
    expect(screen.getByText("Soul")).toBeInTheDocument();
  });

  it("shows descriptive blurbs", () => {
    render(<PillarStrip />);
    expect(screen.getByText("Focus & recreation")).toBeInTheDocument();
    expect(screen.getByText("Strength & vitality")).toBeInTheDocument();
    expect(screen.getByText("Craft & nourishment")).toBeInTheDocument();
  });
});
