first-commit

e2e/cases/modules/project-and-generation.md

@@ -0,0 +1,88 @@
+# 项目创建与生成
+
+这个模块聚焦主入口链路：
+
+- 创建项目
+- 进入工作区
+- 发送 prompt
+- 生成 artifact
+- 打开预览
+
+## 当前用例
+
+### `prototype-basic`
+
+- 状态：已自动化
+- 对应 flow：`standard`
+- 目标：覆盖 prototype 项目的主 happy path
+- 核心步骤：
+  1. 创建 `prototype` 项目
+  2. 输入 prompt
+  3. mock `/api/chat` SSE 返回 HTML artifact
+  4. 校验生成文件出现在工作区
+  5. 校验 iframe 预览正常
+
+### `deck-basic`
+
+- 状态：已自动化
+- 对应 flow：`standard`
+- 目标：覆盖 deck 项目创建分支
+- 核心步骤：
+  1. 切换到 `deck` 创建 tab
+  2. 创建项目
+  3. 发送 prompt
+  4. mock 返回 deck artifact
+  5. 校验预览正常
+
+### `design-system-selection`
+
+- 状态：已自动化
+- 对应 flow：`design-system-selection`
+- 目标：覆盖设计系统选择后创建项目，并确认项目元信息保留了该选择
+- 核心步骤：
+  1. mock 设计系统列表
+  2. 打开设计系统选择器
+  3. 搜索并选择指定设计系统
+  4. 创建项目
+  5. 校验项目页 meta 中出现设计系统名称
+
+### `example-use-prompt`
+
+- 状态：已自动化
+- 对应 flow：`example-use-prompt`
+- 目标：覆盖 Examples 页的快捷创建链路
+- 核心步骤：
+  1. mock skills 列表，提供一个示例卡片
+  2. 切到 Examples 页
+  3. 点击 `Use this prompt`
+  4. 校验项目被直接创建
+  5. 校验聊天输入框预填了 example prompt
+
+### `generation-does-not-create-extra-file`
+
+- 状态：已自动化
+- 对应 flow：`generation-does-not-create-extra-file`
+- 目标：覆盖“没有新 prompt 却自己多生成一个 HTML 文件”的回归风险
+- 核心步骤：
+  1. 生成一个 mocked artifact
+  2. 通过 files API 记录当前项目文件集合
+  3. 刷新页面但不发送新 prompt
+  4. 再次读取 files API
+  5. 校验文件集合没有变化，也没有新增 HTML 文件
+
+## 推荐后续补充
+
+### `deck-pagination-next-prev-correctness`
+
+- 状态：待自动化
+- 对应 flow：`deck-pagination-next-prev-correctness`
+- 目标：覆盖 deck 预览上一页 / 下一页按钮的方向正确性
+- 核心步骤：
+  1. 打开多页 deck HTML
+  2. 进入中间页
+  3. 点击上一页并校验页码递减
+  4. 点击下一页并校验页码递增
+
+- template 项目创建
+- 创建项目后的刷新恢复
+- 创建失败或必填校验