diff --git a/apps/web/src/test/components/GenerateHeader.test.tsx b/apps/web/src/test/components/GenerateHeader.test.tsx
new file mode 100644
index 000000000..c63368893
--- /dev/null
+++ b/apps/web/src/test/components/GenerateHeader.test.tsx
@@ -0,0 +1,29 @@
+/**
+ * GenerateHeader 组件单元测试
+ */
+import { render, screen } from "@testing-library/react"
+import { describe, it, expect } from "vitest"
+import GenerateHeader from "@/pages/generate/components/GenerateHeader"
+
+describe("GenerateHeader", () => {
+ it("should render title and description", () => {
+ render()
+
+ expect(screen.getByText("智能剪辑")).toBeInTheDocument()
+ expect(
+ screen.getByText("快速生成短视频,支持多种风格和素材组合"),
+ ).toBeInTheDocument()
+ })
+
+ it("should not show edit plan badge by default", () => {
+ render()
+
+ expect(screen.queryByText("来自模板草稿")).not.toBeInTheDocument()
+ })
+
+ it("should show edit plan badge when fromEditPlan is true", () => {
+ render()
+
+ expect(screen.getByText("🎬 来自模板草稿")).toBeInTheDocument()
+ })
+})