feat: 添加全面的 TDD 测试套件框架
基于项目需求文档（PRD.md, FeatureSummary.md, DevelopmentPlan.md, UIDesign.md, User_Role_Interfaces.md）编写的 TDD 测试用例。 后端测试 (Python/pytest): - 单元测试: rule_engine, brief_parser, timestamp_alignment, video_auditor, validators - 集成测试: API Brief, Video, Review 端点 - AI 模块测试: ASR, OCR, Logo 检测服务 - 全局 fixtures 和 pytest 配置 前端测试 (TypeScript/Vitest): - 工具函数测试: utils.test.ts - 组件测试: Button, VideoPlayer, ViolationList - Hooks 测试: useVideoAudit, useVideoPlayer, useAppeal - MSW mock handlers 配置 E2E 测试 (Playwright): - 认证流程测试 - 视频上传流程测试 - 视频审核流程测试 - 申诉流程测试 所有测试当前使用 pytest.skip() / it.skip() 作为占位符， 遵循 TDD 红灯阶段 - 等待实现代码后运行。 验收标准覆盖: - ASR WER ≤ 10% - OCR 准确率 ≥ 95% - Logo F1 ≥ 0.85 - 时间戳误差 ≤ 0.5s - 频次统计准确率 ≥ 95% Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Your Name
co-authored by
Claude Opus 4.5
Claude Opus 4.5
parent
18fe22ce8a
commit
040aada160
@@ -0,0 +1,54 @@
|
||||
import { defineConfig, devices } from '@playwright/test'
|
||||
|
||||
/**
|
||||
* Playwright E2E 测试配置
|
||||
*
|
||||
* 用于端到端测试，覆盖关键用户流程
|
||||
*/
|
||||
export default defineConfig({
|
||||
testDir: './tests',
|
||||
fullyParallel: true,
|
||||
forbidOnly: !!process.env.CI,
|
||||
retries: process.env.CI ? 2 : 0,
|
||||
workers: process.env.CI ? 1 : undefined,
|
||||
reporter: [
|
||||
['html', { open: 'never' }],
|
||||
['json', { outputFile: 'test-results/results.json' }],
|
||||
],
|
||||
use: {
|
||||
baseURL: process.env.BASE_URL || 'http://localhost:3000',
|
||||
trace: 'on-first-retry',
|
||||
screenshot: 'only-on-failure',
|
||||
video: 'on-first-retry',
|
||||
},
|
||||
projects: [
|
||||
{
|
||||
name: 'chromium',
|
||||
use: { ...devices['Desktop Chrome'] },
|
||||
},
|
||||
{
|
||||
name: 'firefox',
|
||||
use: { ...devices['Desktop Firefox'] },
|
||||
},
|
||||
{
|
||||
name: 'webkit',
|
||||
use: { ...devices['Desktop Safari'] },
|
||||
},
|
||||
// 移动端测试
|
||||
{
|
||||
name: 'Mobile Chrome',
|
||||
use: { ...devices['Pixel 5'] },
|
||||
},
|
||||
{
|
||||
name: 'Mobile Safari',
|
||||
use: { ...devices['iPhone 12'] },
|
||||
},
|
||||
],
|
||||
// 启动开发服务器
|
||||
webServer: {
|
||||
command: 'npm run dev',
|
||||
url: 'http://localhost:3000',
|
||||
reuseExistingServer: !process.env.CI,
|
||||
timeout: 120 * 1000,
|
||||
},
|
||||
})
|
||||
@@ -0,0 +1,210 @@
|
||||
/**
|
||||
* 申诉流程 E2E 测试
|
||||
*
|
||||
* TDD 测试用例 - 测试达人申诉和审核员处理申诉的流程
|
||||
*
|
||||
* 用户流程参考：User_Role_Interfaces.md
|
||||
*/
|
||||
|
||||
import { test, expect } from '@playwright/test'
|
||||
|
||||
test.describe('Creator Appeal Flow', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
// 以达人身份登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('creator@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
// await page.waitForURL('/dashboard')
|
||||
})
|
||||
|
||||
test.skip('should display appeal tokens', async ({ page }) => {
|
||||
// await page.goto('/dashboard')
|
||||
//
|
||||
// // 验证显示申诉令牌数量
|
||||
// await expect(page.getByTestId('appeal-tokens')).toBeVisible()
|
||||
// await expect(page.getByText('剩余申诉次数：3')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should open appeal form from rejected video', async ({ page }) => {
|
||||
// await page.goto('/videos/video_rejected')
|
||||
//
|
||||
// // 验证显示驳回状态
|
||||
// await expect(page.getByText('已驳回')).toBeVisible()
|
||||
//
|
||||
// // 验证显示申诉按钮
|
||||
// await expect(page.getByRole('button', { name: '申诉' })).toBeVisible()
|
||||
//
|
||||
// // 点击申诉
|
||||
// await page.getByRole('button', { name: '申诉' }).click()
|
||||
//
|
||||
// // 验证申诉表单
|
||||
// await expect(page.getByTestId('appeal-form')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should select violations to appeal', async ({ page }) => {
|
||||
// await page.goto('/videos/video_rejected')
|
||||
// await page.getByRole('button', { name: '申诉' }).click()
|
||||
//
|
||||
// // 显示违规列表
|
||||
// const violationList = page.getByTestId('appeal-violation-list')
|
||||
// await expect(violationList).toBeVisible()
|
||||
//
|
||||
// // 选择要申诉的违规项
|
||||
// await violationList.getByRole('checkbox').first().click()
|
||||
//
|
||||
// // 验证已选择
|
||||
// await expect(page.getByText('已选择 1 项')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should require appeal reason >= 10 characters', async ({ page }) => {
|
||||
// await page.goto('/videos/video_rejected')
|
||||
// await page.getByRole('button', { name: '申诉' }).click()
|
||||
//
|
||||
// // 选择违规项
|
||||
// await page.getByTestId('appeal-violation-list').getByRole('checkbox').first().click()
|
||||
//
|
||||
// // 输入过短的理由
|
||||
// await page.getByPlaceholder('请输入申诉理由').fill('太短了')
|
||||
//
|
||||
// // 尝试提交
|
||||
// await page.getByRole('button', { name: '提交申诉' }).click()
|
||||
//
|
||||
// // 验证错误提示
|
||||
// await expect(page.getByText('申诉理由至少 10 个字')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should submit appeal successfully', async ({ page }) => {
|
||||
// await page.goto('/videos/video_rejected')
|
||||
// await page.getByRole('button', { name: '申诉' }).click()
|
||||
//
|
||||
// // 选择违规项
|
||||
// await page.getByTestId('appeal-violation-list').getByRole('checkbox').first().click()
|
||||
//
|
||||
// // 输入申诉理由
|
||||
// await page.getByPlaceholder('请输入申诉理由').fill('这个词语在此语境下是正常使用，表达的是个人主观感受，不应被判定为违规广告语')
|
||||
//
|
||||
// // 提交申诉
|
||||
// await page.getByRole('button', { name: '提交申诉' }).click()
|
||||
//
|
||||
// // 验证成功
|
||||
// await expect(page.getByText('申诉已提交')).toBeVisible()
|
||||
// await expect(page.getByText('申诉中')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should deduct appeal token on submit', async ({ page }) => {
|
||||
// // 获取当前令牌数
|
||||
// await page.goto('/dashboard')
|
||||
// const initialTokens = await page.getByTestId('appeal-tokens').textContent()
|
||||
//
|
||||
// // 提交申诉
|
||||
// await page.goto('/videos/video_rejected')
|
||||
// await page.getByRole('button', { name: '申诉' }).click()
|
||||
// await page.getByTestId('appeal-violation-list').getByRole('checkbox').first().click()
|
||||
// await page.getByPlaceholder('请输入申诉理由').fill('这个词语在此语境下是正常使用，不应被判定为违规')
|
||||
// await page.getByRole('button', { name: '提交申诉' }).click()
|
||||
//
|
||||
// // 验证令牌已扣除
|
||||
// await page.goto('/dashboard')
|
||||
// const newTokens = await page.getByTestId('appeal-tokens').textContent()
|
||||
// expect(parseInt(newTokens!)).toBe(parseInt(initialTokens!) - 1)
|
||||
})
|
||||
|
||||
test.skip('should show error when no tokens available', async ({ page }) => {
|
||||
// // 假设用户无令牌
|
||||
// await page.goto('/videos/video_rejected')
|
||||
//
|
||||
// // 点击申诉按钮
|
||||
// await page.getByRole('button', { name: '申诉' }).click()
|
||||
//
|
||||
// // 验证提示无令牌
|
||||
// await expect(page.getByText('申诉次数已用完')).toBeVisible()
|
||||
// await expect(page.getByText('联系管理员')).toBeVisible()
|
||||
})
|
||||
})
|
||||
|
||||
test.describe('Reviewer Process Appeal', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
// 以 Agency 审核员身份登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('agency@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
// await page.waitForURL('/dashboard')
|
||||
})
|
||||
|
||||
test.skip('should display appeal list', async ({ page }) => {
|
||||
// await page.goto('/appeals')
|
||||
//
|
||||
// await expect(page.getByRole('heading', { name: '申诉处理' })).toBeVisible()
|
||||
// await expect(page.getByTestId('appeal-list')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should show appeal details', async ({ page }) => {
|
||||
// await page.goto('/appeals/appeal_001')
|
||||
//
|
||||
// // 验证显示申诉信息
|
||||
// await expect(page.getByTestId('appeal-reason')).toBeVisible()
|
||||
// await expect(page.getByTestId('original-violation')).toBeVisible()
|
||||
// await expect(page.getByTestId('video-preview')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should approve appeal', async ({ page }) => {
|
||||
// await page.goto('/appeals/appeal_001')
|
||||
//
|
||||
// // 点击通过申诉
|
||||
// await page.getByRole('button', { name: '申诉成立' }).click()
|
||||
//
|
||||
// // 填写处理意见
|
||||
// await page.getByPlaceholder('处理意见').fill('申诉理由成立')
|
||||
//
|
||||
// // 确认
|
||||
// await page.getByRole('button', { name: '确认' }).click()
|
||||
//
|
||||
// // 验证成功
|
||||
// await expect(page.getByText('申诉已处理')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should reject appeal', async ({ page }) => {
|
||||
// await page.goto('/appeals/appeal_001')
|
||||
//
|
||||
// // 点击驳回申诉
|
||||
// await page.getByRole('button', { name: '申诉不成立' }).click()
|
||||
//
|
||||
// // 填写处理意见
|
||||
// await page.getByPlaceholder('处理意见').fill('违规判定正确')
|
||||
//
|
||||
// // 确认
|
||||
// await page.getByRole('button', { name: '确认' }).click()
|
||||
//
|
||||
// // 验证成功
|
||||
// await expect(page.getByText('申诉已处理')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should restore token on appeal approval', async ({ page }) => {
|
||||
// // 审批通过申诉后，达人的令牌应该返还
|
||||
// // 这个测试需要跨用户验证，可能需要特殊处理
|
||||
})
|
||||
})
|
||||
|
||||
test.describe('Appeal Status Tracking', () => {
|
||||
test.skip('should show appeal status in video list', async ({ page }) => {
|
||||
// await page.goto('/videos')
|
||||
//
|
||||
// // 找到正在申诉的视频
|
||||
// const appealingVideo = page.getByTestId('video-item').filter({ hasText: '申诉中' })
|
||||
// await expect(appealingVideo).toBeVisible()
|
||||
//
|
||||
// // 验证显示申诉状态徽章
|
||||
// await expect(appealingVideo.getByTestId('appeal-badge')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should notify on appeal result', async ({ page }) => {
|
||||
// await page.goto('/dashboard')
|
||||
//
|
||||
// // 验证通知中心显示申诉结果
|
||||
// await page.getByRole('button', { name: '通知' }).click()
|
||||
//
|
||||
// await expect(page.getByText('申诉结果')).toBeVisible()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* 认证流程 E2E 测试
|
||||
*
|
||||
* TDD 测试用例 - 测试登录、登出、权限验证
|
||||
*/
|
||||
|
||||
import { test, expect } from '@playwright/test'
|
||||
|
||||
test.describe('Authentication', () => {
|
||||
test.skip('should display login page', async ({ page }) => {
|
||||
// await page.goto('/login')
|
||||
//
|
||||
// await expect(page.getByRole('heading', { name: '登录' })).toBeVisible()
|
||||
// await expect(page.getByPlaceholder('邮箱')).toBeVisible()
|
||||
// await expect(page.getByPlaceholder('密码')).toBeVisible()
|
||||
// await expect(page.getByRole('button', { name: '登录' })).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should login with valid credentials', async ({ page }) => {
|
||||
// await page.goto('/login')
|
||||
//
|
||||
// await page.getByPlaceholder('邮箱').fill('test@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
//
|
||||
// // 登录成功后跳转到首页
|
||||
// await expect(page).toHaveURL('/dashboard')
|
||||
// await expect(page.getByText('欢迎回来')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should show error for invalid credentials', async ({ page }) => {
|
||||
// await page.goto('/login')
|
||||
//
|
||||
// await page.getByPlaceholder('邮箱').fill('wrong@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('wrongpassword')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
//
|
||||
// await expect(page.getByText('邮箱或密码错误')).toBeVisible()
|
||||
// await expect(page).toHaveURL('/login')
|
||||
})
|
||||
|
||||
test.skip('should logout successfully', async ({ page }) => {
|
||||
// // 先登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('test@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
//
|
||||
// // 点击登出
|
||||
// await page.getByRole('button', { name: /用户菜单/ }).click()
|
||||
// await page.getByRole('menuitem', { name: '退出登录' }).click()
|
||||
//
|
||||
// // 验证跳转到登录页
|
||||
// await expect(page).toHaveURL('/login')
|
||||
})
|
||||
|
||||
test.skip('should redirect unauthenticated users to login', async ({ page }) => {
|
||||
// await page.goto('/dashboard')
|
||||
//
|
||||
// // 未登录用户应被重定向到登录页
|
||||
// await expect(page).toHaveURL('/login?redirect=/dashboard')
|
||||
})
|
||||
|
||||
test.skip('should redirect to original page after login', async ({ page }) => {
|
||||
// // 尝试访问受保护页面
|
||||
// await page.goto('/videos/video_001')
|
||||
//
|
||||
// // 被重定向到登录页
|
||||
// await expect(page).toHaveURL(/\/login.*redirect/)
|
||||
//
|
||||
// // 登录
|
||||
// await page.getByPlaceholder('邮箱').fill('test@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
//
|
||||
// // 登录后应跳转到原来的页面
|
||||
// await expect(page).toHaveURL('/videos/video_001')
|
||||
})
|
||||
})
|
||||
|
||||
test.describe('Role-based Access', () => {
|
||||
test.skip('creator should see creator-specific menu', async ({ page }) => {
|
||||
// // 以达人身份登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('creator@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
//
|
||||
// // 验证达人菜单
|
||||
// await expect(page.getByRole('link', { name: '我的视频' })).toBeVisible()
|
||||
// await expect(page.getByRole('link', { name: '提交视频' })).toBeVisible()
|
||||
// // 不应看到管理功能
|
||||
// await expect(page.getByRole('link', { name: '用户管理' })).not.toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('agency should see review options', async ({ page }) => {
|
||||
// // 以 Agency 身份登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('agency@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
//
|
||||
// // 验证 Agency 菜单
|
||||
// await expect(page.getByRole('link', { name: '待审核' })).toBeVisible()
|
||||
// await expect(page.getByRole('link', { name: '任务管理' })).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('admin should see all menu items', async ({ page }) => {
|
||||
// // 以管理员身份登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('admin@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
//
|
||||
// // 验证管理员菜单
|
||||
// await expect(page.getByRole('link', { name: '用户管理' })).toBeVisible()
|
||||
// await expect(page.getByRole('link', { name: '系统设置' })).toBeVisible()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,217 @@
|
||||
/**
|
||||
* 视频审核流程 E2E 测试
|
||||
*
|
||||
* TDD 测试用例 - 测试完整的视频审核用户流程
|
||||
*
|
||||
* 用户流程参考：User_Role_Interfaces.md
|
||||
*/
|
||||
|
||||
import { test, expect } from '@playwright/test'
|
||||
|
||||
test.describe('Video Review Flow', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
// 以 Agency 审核员身份登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('agency@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
// await page.waitForURL('/dashboard')
|
||||
})
|
||||
|
||||
test.skip('should display pending review list', async ({ page }) => {
|
||||
// await page.goto('/reviews/pending')
|
||||
//
|
||||
// // 验证列表显示
|
||||
// await expect(page.getByRole('heading', { name: '待审核视频' })).toBeVisible()
|
||||
// await expect(page.getByTestId('video-list')).toBeVisible()
|
||||
//
|
||||
// // 验证列表项
|
||||
// const videos = page.getByTestId('video-item')
|
||||
// await expect(videos).toHaveCount.greaterThan(0)
|
||||
})
|
||||
|
||||
test.skip('should open video review page', async ({ page }) => {
|
||||
// await page.goto('/reviews/pending')
|
||||
//
|
||||
// // 点击第一个视频
|
||||
// await page.getByTestId('video-item').first().click()
|
||||
//
|
||||
// // 验证审核页面
|
||||
// await expect(page.getByTestId('video-player')).toBeVisible()
|
||||
// await expect(page.getByTestId('violation-list')).toBeVisible()
|
||||
// await expect(page.getByTestId('brief-compliance')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should play video and seek to violation', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 找到违规项
|
||||
// const violation = page.getByTestId('violation-item').first()
|
||||
// await expect(violation).toBeVisible()
|
||||
//
|
||||
// // 点击时间戳跳转
|
||||
// await violation.getByTestId('timestamp-link').click()
|
||||
//
|
||||
// // 验证视频跳转到对应时间
|
||||
// const currentTime = page.getByTestId('current-time')
|
||||
// await expect(currentTime).toContainText('00:05')
|
||||
})
|
||||
|
||||
test.skip('should show violation evidence screenshot', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 找到 Logo 违规项
|
||||
// const logoViolation = page.getByText('竞品 Logo').locator('..')
|
||||
//
|
||||
// // 点击查看证据
|
||||
// await logoViolation.getByRole('button', { name: '查看证据' }).click()
|
||||
//
|
||||
// // 验证截图显示
|
||||
// await expect(page.getByTestId('evidence-modal')).toBeVisible()
|
||||
// await expect(page.getByRole('img', { name: '违规截图' })).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should pass video review', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 点击通过按钮
|
||||
// await page.getByRole('button', { name: '通过' }).click()
|
||||
//
|
||||
// // 填写评语（可选）
|
||||
// await page.getByPlaceholder('审核评语').fill('内容符合要求')
|
||||
//
|
||||
// // 确认提交
|
||||
// await page.getByRole('button', { name: '确认通过' }).click()
|
||||
//
|
||||
// // 验证成功提示
|
||||
// await expect(page.getByText('审核完成')).toBeVisible()
|
||||
//
|
||||
// // 验证跳转到下一个待审核视频或列表
|
||||
// await expect(page).toHaveURL(/\/reviews/)
|
||||
})
|
||||
|
||||
test.skip('should reject video with selected violations', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 选择违规项
|
||||
// await page.getByTestId('violation-checkbox').first().click()
|
||||
// await page.getByTestId('violation-checkbox').nth(1).click()
|
||||
//
|
||||
// // 点击驳回按钮
|
||||
// await page.getByRole('button', { name: '驳回' }).click()
|
||||
//
|
||||
// // 验证显示已选违规项
|
||||
// const modal = page.getByTestId('reject-modal')
|
||||
// await expect(modal).toBeVisible()
|
||||
// await expect(modal.getByText('已选择 2 项违规')).toBeVisible()
|
||||
//
|
||||
// // 填写评语
|
||||
// await modal.getByPlaceholder('审核评语').fill('存在违规内容，请修改')
|
||||
//
|
||||
// // 确认驳回
|
||||
// await modal.getByRole('button', { name: '确认驳回' }).click()
|
||||
//
|
||||
// // 验证成功提示
|
||||
// await expect(page.getByText('已驳回')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should force pass with reason', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 点击强制通过
|
||||
// await page.getByRole('button', { name: '强制通过' }).click()
|
||||
//
|
||||
// // 验证需要填写原因
|
||||
// const modal = page.getByTestId('force-pass-modal')
|
||||
// await expect(modal).toBeVisible()
|
||||
//
|
||||
// // 尝试不填原因提交
|
||||
// await modal.getByRole('button', { name: '确认' }).click()
|
||||
// await expect(modal.getByText('请填写强制通过原因')).toBeVisible()
|
||||
//
|
||||
// // 填写原因
|
||||
// await modal.getByPlaceholder('请填写原因').fill('达人玩的新梗，品牌方认可')
|
||||
// await modal.getByRole('button', { name: '确认' }).click()
|
||||
//
|
||||
// // 验证成功
|
||||
// await expect(page.getByText('强制通过成功')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should add manual violation', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 点击添加违规
|
||||
// await page.getByRole('button', { name: '添加违规项' }).click()
|
||||
//
|
||||
// // 填写违规信息
|
||||
// const modal = page.getByTestId('add-violation-modal')
|
||||
// await modal.getByLabel('违规类型').selectOption('other')
|
||||
// await modal.getByPlaceholder('违规内容').fill('发现额外问题')
|
||||
// await modal.getByLabel('开始时间').fill('00:10')
|
||||
// await modal.getByLabel('结束时间').fill('00:15')
|
||||
// await modal.getByLabel('严重程度').selectOption('medium')
|
||||
//
|
||||
// // 提交
|
||||
// await modal.getByRole('button', { name: '添加' }).click()
|
||||
//
|
||||
// // 验证违规项已添加
|
||||
// await expect(page.getByText('发现额外问题')).toBeVisible()
|
||||
// await expect(page.getByTestId('violation-item').filter({ hasText: '手动添加' })).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should delete AI violation', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 找到 AI 检测的违规项
|
||||
// const aiViolation = page.getByTestId('violation-item').filter({ hasText: 'AI 检测' }).first()
|
||||
//
|
||||
// // 点击删除
|
||||
// await aiViolation.getByRole('button', { name: '删除' }).click()
|
||||
//
|
||||
// // 确认删除
|
||||
// const confirmModal = page.getByTestId('confirm-modal')
|
||||
// await confirmModal.getByPlaceholder('删除原因').fill('误检')
|
||||
// await confirmModal.getByRole('button', { name: '确认删除' }).click()
|
||||
//
|
||||
// // 验证违规项已删除
|
||||
// await expect(aiViolation).not.toBeVisible()
|
||||
})
|
||||
})
|
||||
|
||||
test.describe('Brief Compliance Check', () => {
|
||||
test.skip('should display brief compliance status', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 验证 Brief 合规面板
|
||||
// const compliancePanel = page.getByTestId('brief-compliance')
|
||||
// await expect(compliancePanel).toBeVisible()
|
||||
//
|
||||
// // 验证卖点覆盖
|
||||
// await expect(compliancePanel.getByText('卖点覆盖')).toBeVisible()
|
||||
// await expect(compliancePanel.getByText('2/3')).toBeVisible()
|
||||
//
|
||||
// // 验证时长要求
|
||||
// await expect(compliancePanel.getByText('产品同框')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should show uncovered selling points', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 点击查看详情
|
||||
// await page.getByTestId('brief-compliance').getByRole('button', { name: '查看详情' }).click()
|
||||
//
|
||||
// // 验证显示未覆盖的卖点
|
||||
// const detailModal = page.getByTestId('compliance-detail-modal')
|
||||
// await expect(detailModal.getByText('未覆盖')).toBeVisible()
|
||||
// await expect(detailModal.getByText('敏感肌适用')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should highlight timing requirement failures', async ({ page }) => {
|
||||
// await page.goto('/reviews/video_001')
|
||||
//
|
||||
// // 验证不合规的时长要求显示为红色
|
||||
// const timingRequirement = page.getByTestId('timing-requirement').filter({ hasText: '品牌名提及' })
|
||||
// await expect(timingRequirement).toHaveClass(/text-red/)
|
||||
// await expect(timingRequirement.getByText('2/3')).toBeVisible() // 未达标
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,201 @@
|
||||
/**
|
||||
* 视频上传流程 E2E 测试
|
||||
*
|
||||
* TDD 测试用例 - 测试达人上传视频的完整流程
|
||||
*
|
||||
* 用户流程参考：User_Role_Interfaces.md
|
||||
*/
|
||||
|
||||
import { test, expect } from '@playwright/test'
|
||||
import path from 'path'
|
||||
|
||||
test.describe('Video Upload Flow', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
// 以达人身份登录
|
||||
// await page.goto('/login')
|
||||
// await page.getByPlaceholder('邮箱').fill('creator@example.com')
|
||||
// await page.getByPlaceholder('密码').fill('password123')
|
||||
// await page.getByRole('button', { name: '登录' }).click()
|
||||
// await page.waitForURL('/dashboard')
|
||||
})
|
||||
|
||||
test.skip('should display upload page', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// await expect(page.getByRole('heading', { name: '上传视频' })).toBeVisible()
|
||||
// await expect(page.getByTestId('upload-dropzone')).toBeVisible()
|
||||
// await expect(page.getByText('支持 MP4、MOV 格式')).toBeVisible()
|
||||
// await expect(page.getByText('最大 100MB')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should select task before upload', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 验证需要先选择任务
|
||||
// await expect(page.getByLabel('选择任务')).toBeVisible()
|
||||
//
|
||||
// // 选择任务
|
||||
// await page.getByLabel('选择任务').click()
|
||||
// await page.getByRole('option', { name: 'XX美妆产品推广' }).click()
|
||||
//
|
||||
// // 验证任务信息显示
|
||||
// await expect(page.getByText('Brief 要求')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should upload video file', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 选择任务
|
||||
// await page.getByLabel('选择任务').click()
|
||||
// await page.getByRole('option').first().click()
|
||||
//
|
||||
// // 上传文件
|
||||
// const fileInput = page.getByTestId('file-input')
|
||||
// await fileInput.setInputFiles(path.join(__dirname, '../fixtures/sample-video.mp4'))
|
||||
//
|
||||
// // 验证上传进度
|
||||
// await expect(page.getByTestId('upload-progress')).toBeVisible()
|
||||
// await expect(page.getByText(/上传中/)).toBeVisible()
|
||||
//
|
||||
// // 等待上传完成
|
||||
// await expect(page.getByText('上传成功')).toBeVisible({ timeout: 60000 })
|
||||
})
|
||||
|
||||
test.skip('should show validation error for unsupported format', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 选择任务
|
||||
// await page.getByLabel('选择任务').click()
|
||||
// await page.getByRole('option').first().click()
|
||||
//
|
||||
// // 上传不支持的格式
|
||||
// const fileInput = page.getByTestId('file-input')
|
||||
// await fileInput.setInputFiles(path.join(__dirname, '../fixtures/sample.avi'))
|
||||
//
|
||||
// // 验证错误提示
|
||||
// await expect(page.getByText('不支持的文件格式')).toBeVisible()
|
||||
// await expect(page.getByText('仅支持 MP4、MOV')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should show error for oversized file', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 选择任务
|
||||
// await page.getByLabel('选择任务').click()
|
||||
// await page.getByRole('option').first().click()
|
||||
//
|
||||
// // 尝试上传超大文件（模拟）
|
||||
// // 由于无法真正创建超大文件，这里验证前端校验逻辑
|
||||
//
|
||||
// // 假设通过 JavaScript 注入一个超大文件
|
||||
// await page.evaluate(() => {
|
||||
// const file = new File(['x'.repeat(101 * 1024 * 1024)], 'large.mp4', { type: 'video/mp4' })
|
||||
// const event = new Event('change', { bubbles: true })
|
||||
// const input = document.querySelector('[data-testid="file-input"]') as HTMLInputElement
|
||||
// Object.defineProperty(input, 'files', { value: [file] })
|
||||
// input.dispatchEvent(event)
|
||||
// })
|
||||
//
|
||||
// await expect(page.getByText('文件大小超过限制')).toBeVisible()
|
||||
// await expect(page.getByText('最大 100MB')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should show processing status after upload', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 选择任务并上传
|
||||
// await page.getByLabel('选择任务').click()
|
||||
// await page.getByRole('option').first().click()
|
||||
//
|
||||
// const fileInput = page.getByTestId('file-input')
|
||||
// await fileInput.setInputFiles(path.join(__dirname, '../fixtures/sample-video.mp4'))
|
||||
//
|
||||
// // 等待上传完成
|
||||
// await expect(page.getByText('上传成功')).toBeVisible({ timeout: 60000 })
|
||||
//
|
||||
// // 验证显示处理状态
|
||||
// await expect(page.getByText('AI 审核中')).toBeVisible()
|
||||
// await expect(page.getByTestId('processing-progress')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should navigate to video detail after processing', async ({ page }) => {
|
||||
// // 假设视频已上传并处理完成
|
||||
// await page.goto('/videos/video_new')
|
||||
//
|
||||
// // 验证显示审核结果
|
||||
// await expect(page.getByTestId('audit-result')).toBeVisible()
|
||||
// await expect(page.getByText('AI 检测完成')).toBeVisible()
|
||||
})
|
||||
})
|
||||
|
||||
test.describe('Drag and Drop Upload', () => {
|
||||
test.skip('should highlight dropzone on drag over', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 模拟拖拽进入
|
||||
// const dropzone = page.getByTestId('upload-dropzone')
|
||||
//
|
||||
// // 触发 dragenter 事件
|
||||
// await dropzone.dispatchEvent('dragenter', {
|
||||
// dataTransfer: { types: ['Files'] },
|
||||
// })
|
||||
//
|
||||
// // 验证高亮状态
|
||||
// await expect(dropzone).toHaveClass(/border-primary/)
|
||||
})
|
||||
|
||||
test.skip('should remove highlight on drag leave', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// const dropzone = page.getByTestId('upload-dropzone')
|
||||
//
|
||||
// // 触发 dragenter
|
||||
// await dropzone.dispatchEvent('dragenter', {
|
||||
// dataTransfer: { types: ['Files'] },
|
||||
// })
|
||||
//
|
||||
// // 触发 dragleave
|
||||
// await dropzone.dispatchEvent('dragleave')
|
||||
//
|
||||
// // 验证高亮已移除
|
||||
// await expect(dropzone).not.toHaveClass(/border-primary/)
|
||||
})
|
||||
})
|
||||
|
||||
test.describe('Resumable Upload', () => {
|
||||
test.skip('should resume interrupted upload', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 选择任务
|
||||
// await page.getByLabel('选择任务').click()
|
||||
// await page.getByRole('option').first().click()
|
||||
//
|
||||
// // 开始上传
|
||||
// const fileInput = page.getByTestId('file-input')
|
||||
// await fileInput.setInputFiles(path.join(__dirname, '../fixtures/sample-video.mp4'))
|
||||
//
|
||||
// // 等待开始上传
|
||||
// await expect(page.getByTestId('upload-progress')).toBeVisible()
|
||||
//
|
||||
// // 模拟中断（刷新页面）
|
||||
// await page.reload()
|
||||
//
|
||||
// // 验证显示恢复上传选项
|
||||
// await expect(page.getByText('检测到未完成的上传')).toBeVisible()
|
||||
// await expect(page.getByRole('button', { name: '继续上传' })).toBeVisible()
|
||||
//
|
||||
// // 点击继续上传
|
||||
// await page.getByRole('button', { name: '继续上传' }).click()
|
||||
//
|
||||
// // 验证从中断处继续
|
||||
// await expect(page.getByTestId('upload-progress')).toBeVisible()
|
||||
})
|
||||
|
||||
test.skip('should allow canceling pending upload', async ({ page }) => {
|
||||
// await page.goto('/videos/upload')
|
||||
//
|
||||
// // 如果有未完成的上传
|
||||
// // await page.getByRole('button', { name: '取消' }).click()
|
||||
// // await expect(page.getByText('已取消上传')).toBeVisible()
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user