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

describe("DiskSpaceCard", () => {
	it("preserves the used / free / total breakdown and percent headline", () => {
		render(
			<DiskSpaceCard
				used={500000000000}
				available={500000000000}
				size={1000000000000}
				usedPct="50"
			/>,
		);
		expect(screen.getByText(/50 used/i)).toBeInTheDocument();
		expect(screen.getByText("Used")).toBeInTheDocument();
		expect(screen.getByText("Free")).toBeInTheDocument();
		expect(screen.getByText("Total")).toBeInTheDocument();
		// Disk space label
		expect(screen.getByText(/disk space/i)).toBeInTheDocument();
	});
});