diff --git a/apps/web/src/test/pages/editing-planner/components/timeline/AddClipPicker.test.tsx b/apps/web/src/test/pages/editing-planner/components/timeline/AddClipPicker.test.tsx
new file mode 100644
index 000000000..97e0be3f8
--- /dev/null
+++ b/apps/web/src/test/pages/editing-planner/components/timeline/AddClipPicker.test.tsx
@@ -0,0 +1,21 @@
+import { describe, expect, it, vi } from "vitest"
+import { render } from "@testing-library/react"
+import { AddClipPicker } from "@/pages/editing-planner/components/timeline/AddClipPicker"
+
+vi.mock("@ant-design/icons", () => ({
+  PlusOutlined: () => null,
+  AudioOutlined: () => null,
+  VideoCameraOutlined: () => null,
+  PictureOutlined: () => null,
+  FontColorsOutlined: () => null,
+  MusicOutlined: () => null,
+}))
+
+describe("AddClipPicker", () => {
+  it("renders without crashing", () => {
+    const { container } = render(
+      <AddClipPicker position={0} onAddClip={vi.fn()} onClose={vi.fn()} />,
+    )
+    expect(container).toBeTruthy()
+  })
+})