Zakaria
a46764fb1b
ci / Validate workspace (push) Has been cancelled
landing-page-ci / Validate landing page (push) Has been cancelled
landing-page-deploy / Deploy landing page (push) Has been cancelled
github-metrics / Generate repository metrics SVG (push) Has been cancelled
refresh-contributors-wall / Refresh contributors wall cache bust (push) Waiting to run
89 lines
2.3 KiB
Markdown
89 lines
2.3 KiB
Markdown
# 项目创建与生成
|
||
|
||
这个模块聚焦主入口链路：
|
||
|
||
- 创建项目
|
||
- 进入工作区
|
||
- 发送 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 项目创建
|
||
- 创建项目后的刷新恢复
|
||
- 创建失败或必填校验
|