feat: add core UI components and baseline tests

2026-03-19 16:56:27 +08:00
parent 12642e0a92
commit 063179933c
73 changed files with 5756 additions and 2 deletions
@@ -0,0 +1,26 @@
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+
+import { Skeleton } from "./skeleton";
+
+describe("Skeleton", () => {
+  it("renders as an aria-hidden placeholder with root slot", () => {
+    render(<Skeleton data-testid="skeleton" />);
+
+    const skeleton = screen.getByTestId("skeleton");
+
+    expect(skeleton).toHaveAttribute("data-slot", "root");
+    expect(skeleton).toHaveAttribute("data-shape", "line");
+    expect(skeleton).toHaveAttribute("data-tone", "default");
+    expect(skeleton).toHaveAttribute("aria-hidden", "true");
+  });
+
+  it("supports alternate shape and tone hooks", () => {
+    render(<Skeleton data-testid="skeleton" shape="avatar" tone="muted" />);
+
+    const skeleton = screen.getByTestId("skeleton");
+
+    expect(skeleton).toHaveAttribute("data-shape", "avatar");
+    expect(skeleton).toHaveAttribute("data-tone", "muted");
+  });
+});