前后端目录重命名: - reading-platform-java/ → lesingle-edu-reading-platform-backend/ - reading-platform-frontend/ → lesingle-edu-reading-platform-frontend/ 更新相关文件: - 所有 shell 脚本中的目录引用 - pom.xml 和 application.yml 中的项目名称 - package.json 中的项目名称 - .claude/CLAUDE.md 中的路径引用 - README 文档中的路径引用
105 lines
3.3 KiB
TypeScript
105 lines
3.3 KiB
TypeScript
/**
|
||
* 教师端 E2E 测试 - 课程列表
|
||
*/
|
||
|
||
import { test, expect } from '@playwright/test';
|
||
import { loginAsTeacher, clickSubMenu, waitForTable } from './helpers';
|
||
|
||
test.describe('教师端课程列表功能', () => {
|
||
test.beforeEach(async ({ page }) => {
|
||
await loginAsTeacher(page);
|
||
});
|
||
|
||
test('验证课程列表页面加载', async ({ page }) => {
|
||
// 导航到课程列表页面
|
||
await clickSubMenu(page, '', '课程中心');
|
||
|
||
// 等待页面加载
|
||
await page.waitForTimeout(2000);
|
||
|
||
// 验证页面标题
|
||
const hasTitle = await page.getByText(/课程 | 教学课程/).count() > 0;
|
||
test.info().annotations.push({
|
||
type: hasTitle ? 'success' : 'warning',
|
||
description: `课程标题:${hasTitle ? '存在' : '不存在'}`,
|
||
});
|
||
});
|
||
|
||
test('验证课程数据加载', async ({ page }) => {
|
||
// 导航到课程列表页面
|
||
await clickSubMenu(page, '', '课程中心');
|
||
|
||
// 等待页面加载
|
||
await page.waitForTimeout(3000);
|
||
|
||
// 检查是否有课程数据
|
||
const hasCourseList = await page.locator('[class*="course"], [class*="card"], table').count() > 0;
|
||
const hasEmpty = await page.getByText(/暂无数据 | 暂无课程/).count() > 0;
|
||
|
||
test.info().annotations.push({
|
||
type: 'info',
|
||
description: `课程数据:${hasCourseList ? '存在' : hasEmpty ? '空状态' : '未知'}`,
|
||
});
|
||
});
|
||
|
||
test('验证课程详情查看', async ({ page }) => {
|
||
// 导航到课程列表页面
|
||
await clickSubMenu(page, '', '课程中心');
|
||
|
||
// 等待页面加载
|
||
await page.waitForTimeout(2000);
|
||
|
||
// 查找第一个课程并点击查看
|
||
const firstCourse = page.locator('[class*="course-card"], [class*="course-item"], table tbody tr').first();
|
||
const hasCourse = await firstCourse.count() > 0;
|
||
|
||
if (hasCourse) {
|
||
// 尝试点击查看课程详情
|
||
await firstCourse.click();
|
||
await page.waitForTimeout(2000);
|
||
|
||
// 验证是否进入课程详情页
|
||
const hasDetailPage = await page.locator('[class*="course-detail"], [class*="detail"]').count() > 0;
|
||
test.info().annotations.push({
|
||
type: 'info',
|
||
description: `课程详情页:${hasDetailPage ? '存在' : '不存在'}`,
|
||
});
|
||
} else {
|
||
test.info().annotations.push({
|
||
type: 'warning',
|
||
description: '没有找到课程数据',
|
||
});
|
||
}
|
||
});
|
||
|
||
test('验证课程筛选功能', async ({ page }) => {
|
||
// 导航到课程列表页面
|
||
await clickSubMenu(page, '', '课程中心');
|
||
|
||
// 等待页面加载
|
||
await page.waitForTimeout(2000);
|
||
|
||
// 查找筛选器
|
||
const hasFilter = await page.locator('[class*="filter"], [class*="search"], .ant-input, .ant-select').count() > 0;
|
||
test.info().annotations.push({
|
||
type: 'info',
|
||
description: `筛选功能:${hasFilter ? '存在' : '不存在'}`,
|
||
});
|
||
});
|
||
|
||
test('截图保存课程列表状态', async ({ page }) => {
|
||
// 导航到课程列表页面(教师端菜单为"课程中心")
|
||
await clickSubMenu(page, '', '课程中心');
|
||
|
||
// 等待页面完全加载
|
||
await page.waitForTimeout(3000);
|
||
|
||
// 截图
|
||
await page.screenshot({ path: 'test-results/teacher-courses.png' });
|
||
test.info().annotations.push({
|
||
type: 'success',
|
||
description: '课程列表截图已保存',
|
||
});
|
||
});
|
||
});
|