4.4 KiB
【前端 BUG 反馈】产品线 + 版本创建流程 E2E 测试
- 日期: 2026-04-18
- 类型: BUG 反馈(前端)
- 来源: 定制师角色 E2E 自动化测试
D:/work2/HL/test/e2e_run.py+ 后续 5 步版本表单探索 - 测试环境: https://192.168.100.160:9527
- 后端无改动
背景
Claude 以定制师角色在测试后台完整走了:登录 → 切角色 → 新建两条产品线(核心/私人定制)→ 在核心产品线下完整提交审核 1 个版本 → 在私人定制线下创建版本但被 BUG-3 阻塞停留草稿。
后端接口全部正常,核心版本最终提交成功(产品编号 C260418003,状态"待审核")。以下 3 个 BUG 均为前端 UI/交互问题,请前端同事评估修复。
🔴 BUG-3 [P0]:Step 2 行程编排 — 切换天数重置已填字段
现象
在 DAY N 填完 集合地/解散地/酒店/活动/封面图/照片集 后,点左侧 DAY N+1 切走,再切回 DAY N,部分字段被清空:
- 核心产品(CORE):解散地、封面图 丢失
- 小蒙马(GROUP):解散地、封面图、活动、酒店 全丢
重现步骤
- 进入"新增版本" → 走到 Step 2 行程编排
- DAY 1 填完 7 个字段(标题 / 集合地 / 解散地 / 描述 / 酒店 / 活动 / 照片集)
- 点左侧 "DAY 2" 标签
- DAY 2 也填完
- 点回 "DAY 1"
- 观察:DAY 1 的解散地变成"搜索解散地"占位符,封面图变成"请选择封面图"
影响
用户常见操作模式"逐天填 + 最后回头核查"完全不可用。必须严格按"倒序填 DAY 3 → DAY 2 → DAY 1 且不回切"这种反直觉顺序,否则无法通过 Step 2 校验。
可能原因(猜测)
- Vue 组件
v-if而非v-show导致切走后子组件销毁 - DAY 切换时没 emit 保存而是直接替换 model
- Selection 组件(解散地、封面图选择器)的 v-model 可能绑在了 ref 而非持久化 store
期望
切换 DAY 保留所有已填字段,不需要手动保存。
严重度
P0——直接阻塞定制师创建行程的常规操作。
证据截图(测试机)
D:/work2/HL/test/shots/custom-day1-refilled.png — 补填 DAY 1 后仍显示"请至少添加1项活动/1家酒店"
🟡 BUG-4 [P1]:Step 4 价格区间 — 金额输入框未清空默认值导致拼接
现象
点击"成人价" n-input-number 后 type "1280",最终保存显示 ¥2,401,280(预期 ¥1,280)。儿童价 type "880" 保存显示 ¥240,880。
重现步骤
- Step 4 定价管理 → 添加区间 → 选日期范围 → 点"确认"
- 点击"成人价"输入框
- 直接键盘输入 "1280"(不做任何清空)
- 点"确认添加"
- 观察列表显示 "¥2,401,280"
可能原因
n-input-number打开时 input 里已有默认值(例如来自product_line.default_adult_price或产品类型默认值 "240"),点击不会自动全选- 用户的 type 被当作在光标位置插入
期望
- 点击输入框时自动全选当前值(focus → select all)
- 或:初始默认为空,用户主动输入
严重度
P1——非程序崩溃,但用户若不注意会严重错填价格造成业务风险("240" + 用户打 "1280" → 超过 200 万的团费)。
证据截图
D:/work2/HL/test/shots/core-step4-section-added.png
🟢 BUG-1 [P3]:产品线卡片封面图缺失
现象
新建产品线(主题)的表单只有 名称 / 主题类型 / 描述 三个字段,没有封面图上传入口;列表卡片也没有任何封面图区域,仅文字展示。
期望
至少给默认占位图;或在新增/编辑表单增加封面图上传字段。
严重度
P3(不影响功能,UI 信息展示不完整)
证据截图
D:/work2/HL/test/shots/14-theme-list-final.png
可选:自动化测试脚本
存放位置:D:/work2/HL/test/。前端同事若需要快速复现 BUG-3/BUG-4,可参考 fill_day.py(按天填 7 字段)和 fill_step4_v2.py(价格区间)。脚本基于 CDP 接管 Chrome 9222 调试端口。
后端说明
- 所有后端接口(
/admin/product/line/*,/admin/product/edit, 等)在 E2E 过程中工作正常 - 核心产品版本最终通过所有后端校验成功提交审核
- BUG-3/BUG-4/BUG-1 均为前端展示/交互层问题,后端无需改动
以上问题请前端团队酌情排期,优先级顺序:BUG-3 > BUG-4 > BUG-1。