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

// Slice 1 harness smoke test: proves the Vitest + jsdom + Testing Library
// harness runs and the new `success` Badge variant renders with the chart-2 cue.
describe("Badge", () => {
	it("renders a success variant tagged with the chart-2 cue", () => {
		render(<Badge variant="success">Healthy</Badge>);
		const badge = screen.getByText("Healthy");
		expect(badge).toBeInTheDocument();
		expect(badge.getAttribute("data-variant")).toBe("success");
		expect(badge.className).toContain("bg-chart-2/10");
	});
});