docs(meeting): Task 16 E2E 剧本落盘 + .gitignore 精细化

Playwright MCP 4 场景剧本(.playwright-mcp/task16/):
- README.md:总览 + 账号/环境/资源断言指南
- scenarios/01-create-and-join-by-code.md:创建→会议号加入→媒体打通→结束,含 Redis/MySQL/media-server 三维资源断言
- scenarios/02-invite-link-with-password.md:邀请链接带密码 + P0-4 "密码不走 URL query" 回归
- scenarios/03-notify-quickjoin.md:通知中心「立即加入」跳转 + 过期卡片降级
- scenarios/04-host-toolkit-and-transfer.md:主持人四件套 + 宽限期重连/到期自动转让(P1-1 原子性 + P1-7 处理锁验证)
- scenarios/05-reopen-5times-resource-cleanup.md:反复开关 5 次 + 前端 heap 快照/ Redis 累积对比/ media-server 观测端点对比,验证 Step A(f5ae095)资源清理修复

手工回归点(manual-regression.md):17 项 MCP 难以稳定覆盖的交互场景
(HTTPS 自签 / 跨网段 iOS / 网络抖动 / 物理返回 / 跨 tab 并发 / 摄像头抢占 等)

.gitignore 调整:
- 放行 .playwright-mcp/task16/ 下的 Markdown 剧本文档进入版本控制
- 仍忽略运行时产物(*.log/*.png/*.yml/截图)
- task15/ 保持未跟踪状态,避免历史截图噪声入库

Made-with: Cursor
This commit is contained in:
bujinyuan
2026-04-23 17:21:42 +08:00
parent f5ae095033
commit 5ed14c2aac
8 changed files with 737 additions and 1 deletions

View File

@@ -0,0 +1,86 @@
# 场景 03通知中心「立即加入」按钮跳转
## 目标
- 验证邀请被签发时,受邀人通知中心实时刷新 + 卡片双按钮(「立即加入」/「稍后」)
- 覆盖设计 §6.4(邀请通知类型 `meeting_invitation`
- 过期卡片应渲染为 disabled 单按钮「邀请已过期」
## 前置条件
依 [`../README.md`](../README.md) 通用前置Alice 已在会议中(复用场景 02 的 `$ROOM_CODE`),或新开一场会议。
## MCP 执行脚本
### 步骤 1Alice 邀请 Bob
1. Alice tab 工具栏 → 「邀请」 → 「发送给联系人」
2. 联系人弹窗选择 Bob → 确认
3. 期望UI toast「邀请已送达」关闭弹窗
### 步骤 2Bob 通知中心实时接收
1. Bob tab已登录 `task15_b`)→ 底部切到「通知」tab
2. 期望:最顶部新增卡片
- 类型标识:`会议邀请`
- 内容:`Alice 邀请你加入会议 $ROOM_CODE`
- 双按钮:**「立即加入」 + 「稍后」**
3. 截图 → `01-notify-new-invite.png`
4. `browser_evaluate` 断言:
```js
const store = window.__pinia?.state?.value?.notify
const latest = store.list[0]
return {
type: latest.notify_type, // 期望:'meeting_invitation'
expired: latest.expired_at < Date.now()/1000, // 期望false
hasButtons: !!latest.ext?.room_code // 期望true
}
```
### 步骤 3点击「立即加入」跳转
1. 点「立即加入」
2. 期望跳转 `pages/meeting/preview?mode=join&code=$ROOM_CODE&invite_token=...`
3. 预览页正常展示
4. 点「立即加入」完成入会
5. 截图 → `02-bob-joined-from-notify.png`
### 步骤 4过期邀请回归
手工构造过期通知(通过 DB 或 gorm script
```sql
-- 插入一条 Bob 收到的过期邀请通知expired_at=1 天前)
INSERT INTO notifications (user_id, notify_type, title, content, ext, expired_at, created_at)
VALUES (56, 'meeting_invitation', '会议邀请',
'Alice 邀请你加入会议 000-000-000',
'{"room_code":"000-000-000","invite_token":"expired"}',
UNIX_TIMESTAMP() - 86400, NOW());
```
1. Bob tab 刷新通知 tab
2. 期望:该卡片渲染为 **disabled 单按钮「邀请已过期」**
3. 尝试点击应无跳转
4. 截图 → `03-notify-expired-invite.png`
### 步骤 5清理
1. SQL 删除步骤 4 插入的测试通知
2. 结束会议(若 Alice 仍在会中)
## 预期结果汇总
| 断言 | 预期 |
|---|---|
| 通知中心实时刷新 | 邀请送达后 3s 内出现新卡片 |
| 卡片双按钮 | 「立即加入」 + 「稍后」 |
| 「立即加入」跳转 | `preview?mode=join&code=xxx&invite_token=yyy` |
| 过期卡片 | 单按钮 disabled「邀请已过期」 |
## 失败排查
| 现象 | 定位 |
|---|---|
| Bob 通知 tab 空 | WS `notify.new` 事件未收到 / notify store 未订阅 |
| 「立即加入」点击无反应 | `components/notify/NotifyCard.vue` 按钮 handler |
| 过期卡片仍 clickable | NotifyCard 的 `isExpired` 判定逻辑 |