diff --git a/apps/web/src/test/pages/editing-planner/components/timeline/TimelineHeader.test.tsx b/apps/web/src/test/pages/editing-planner/components/timeline/TimelineHeader.test.tsx
new file mode 100644
index 000000000..021d169d6
--- /dev/null
+++ b/apps/web/src/test/pages/editing-planner/components/timeline/TimelineHeader.test.tsx
@@ -0,0 +1,22 @@
+import { describe, expect, it, vi } from "vitest"
+import { render } from "@testing-library/react"
+import { TimelineHeader } from "@/pages/editing-planner/components/timeline/TimelineHeader"
+
+vi.mock("@/pages/editing-planner/utils/timeline", () => ({
+  formatTime: (s: number) => `${s}s`,
+}))
+
+describe("TimelineHeader", () => {
+  it("renders without crashing", () => {
+    const { container } = render(
+      <TimelineHeader
+        totalDuration={60}
+        currentTime={0}
+        onSeek={vi.fn()}
+        onPlayToggle={vi.fn()}
+        isPlaying={false}
+      />,
+    )
+    expect(container).toBeTruthy()
+  })
+})