xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 16 Pull Requests 11 Actions 34.2k Packages Projects Releases 7 Wiki Activity

fix(frontend): 视频生成完成后底部操作栏无法引导进入封面设置（步骤编号 off-by-one） #1954

New Issue
Closed
opened 2026-09-16 09:38:57 +08:00 by xiaoxia · 0 comments
xiaoxia commented 2026-09-16 09:38:57 +08:00
Owner
Copy Link
Copy Source

Bug 描述

单视频生成流程中，点击「✨ 确认生成视频」后，底部操作栏停留在「✨ 确认生成视频」按钮状态，无法自动切换到「下一步：选择封面」，导致用户无法通过底部操作栏进入封面设置步骤。用户只能手动点击顶部步骤条进入封面。

根因分析

步骤编号 off-by-one 问题：

  1. constants.STEPS 和 useStepNavigation 定义了 5 步流程（素材→配音→标题→确认生成→封面），currentStep 最大值为 5
  2. GenerateStepActions 组件实际按 6 步期望：
    • currentStep < 4 → 显示「下一步」
    • currentStep === 4 → 显示「✨ 确认生成视频」
    • currentStep === 5 → 显示「⏳ 视频渲染中…」/「下一步：选择封面」
    • currentStep === 6 → 封面页
  3. handleConfirmGenerate 创建任务成功后调用 setCurrentStep(4)，但此时 currentStep 已经是 4（在 step 3 点「下一步」进入 step 4 才看到确认按钮），所以步骤号没变
  4. generated=true 后底部按钮仍停留在「✨ 确认生成视频」，永远不会切到「下一步：选择封面」
  5. 顶部步骤条的「选择封面」节点也不是 done 态

影响范围

  • 单视频生成完成后，底部操作栏无法引导用户进入封面设置
  • 用户只能手动点击顶部步骤条进入封面（封面默认生成不受影响）
  • E2E 测试 core-generation.spec.ts 暂时去掉了封面步骤断言（commit 799a7f73），修复此 bug 后需补回封面断言

修复建议

  1. 统一 GenerateStepActions 和 constants.STEPS 的步骤编号逻辑
  2. 确认生成任务创建成功后正确推进 currentStep
  3. 修复后在 E2E 测试中补回封面步骤的断言（参考 PR #1953 中被注释掉的封面相关断言）

发现来源

PR #1948/#1949/#1952/#1953 修复 CI E2E 测试过程中发现（commit 799a7f73 E2E 全绿后发现）

## Bug 描述 单视频生成流程中，点击「✨ 确认生成视频」后，底部操作栏停留在「✨ 确认生成视频」按钮状态，无法自动切换到「下一步：选择封面」，导致用户无法通过底部操作栏进入封面设置步骤。用户只能手动点击顶部步骤条进入封面。 ## 根因分析 步骤编号 off-by-one 问题： 1. `constants.STEPS` 和 `useStepNavigation` 定义了 5 步流程（素材→配音→标题→确认生成→封面），currentStep 最大值为 5 2. `GenerateStepActions` 组件实际按 6 步期望： - `currentStep < 4` → 显示「下一步」 - `currentStep === 4` → 显示「✨ 确认生成视频」 - `currentStep === 5` → 显示「⏳ 视频渲染中…」/「下一步：选择封面」 - `currentStep === 6` → 封面页 3. `handleConfirmGenerate` 创建任务成功后调用 `setCurrentStep(4)`，但此时 currentStep 已经是 4（在 step 3 点「下一步」进入 step 4 才看到确认按钮），所以步骤号没变 4. `generated=true` 后底部按钮仍停留在「✨ 确认生成视频」，永远不会切到「下一步：选择封面」 5. 顶部步骤条的「选择封面」节点也不是 done 态 ## 影响范围 - 单视频生成完成后，底部操作栏无法引导用户进入封面设置 - 用户只能手动点击顶部步骤条进入封面（封面默认生成不受影响） - E2E 测试 core-generation.spec.ts 暂时去掉了封面步骤断言（commit 799a7f73），修复此 bug 后需补回封面断言 ## 修复建议 1. 统一 `GenerateStepActions` 和 `constants.STEPS` 的步骤编号逻辑 2. 确认生成任务创建成功后正确推进 currentStep 3. 修复后在 E2E 测试中补回封面步骤的断言（参考 PR #1953 中被注释掉的封面相关断言） ## 发现来源 PR #1948/#1949/#1952/#1953 修复 CI E2E 测试过程中发现（commit 799a7f73 E2E 全绿后发现）
xiaoxia added the bugfrontendP1 labels 2026-09-16 09:38:57 +08:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 question
需要讨论确认
 ready
PR CI通过，可合并
 refactor
代码重构
No Label bug frontend P1
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
auto-approve-bot frontend-dev xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1954
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?