93 lines
3.3 KiB
TypeScript
93 lines
3.3 KiB
TypeScript
|
/**
|
||
|
|
* 调试课程创建 - 检查 500 错误详情
|
||
|
|
*/
|
||
|
|
import { test, expect } from '@playwright/test';
|
||
|
|
import { loginAsAdmin } from './helpers';
|
||
|
|
|
||
|
|
test.describe('课程创建调试 - 500 错误详情', () => {
|
||
|
|
test('获取 500 错误详情', async ({ page, request }) => {
|
||
|
|
test.setTimeout(180000);
|
||
|
|
|
||
|
|
const courseName = '调试测试课程包-' + Date.now();
|
||
|
|
console.log('=== 测试开始 ===');
|
||
|
|
|
||
|
|
// 步骤 1: 登录并获取 token
|
||
|
|
console.log('=== 步骤 1: 登录 ===');
|
||
|
|
await loginAsAdmin(page);
|
||
|
|
await page.waitForTimeout(2000);
|
||
|
|
|
||
|
|
// 从 localStorage 获取 token
|
||
|
|
const token = await page.evaluate(() => localStorage.getItem('token'));
|
||
|
|
console.log('Token:', token ? `${token.substring(0, 20)}...` : 'null');
|
||
|
|
|
||
|
|
// 步骤 2: 进入课程创建页面并填写表单
|
||
|
|
console.log('=== 步骤 2: 填写表单 ===');
|
||
|
|
await page.goto('/admin/courses/create', { timeout: 30000, waitUntil: 'networkidle' });
|
||
|
|
await page.waitForTimeout(3000);
|
||
|
|
|
||
|
|
await page.getByPlaceholder('请输入课程包名称').fill(courseName);
|
||
|
|
await page.locator('.ant-select-selector').first().click();
|
||
|
|
await page.waitForTimeout(500);
|
||
|
|
await page.getByText('社会认知', { exact: true }).first().click();
|
||
|
|
await page.waitForTimeout(300);
|
||
|
|
await page.getByRole('checkbox', { name: '小班' }).check();
|
||
|
|
await page.waitForTimeout(300);
|
||
|
|
await page.getByPlaceholder('请输入课程包核心内容').fill('调试测试课程内容');
|
||
|
|
|
||
|
|
// 步骤 3: 点击下一步到最后
|
||
|
|
console.log('=== 步骤 3: 点击下一步 ===');
|
||
|
|
for (let i = 0; i < 6; i++) {
|
||
|
|
const nextButton = page.getByRole('button', { name: '下一步' });
|
||
|
|
if (await nextButton.isVisible().catch(() => false)) {
|
||
|
|
await nextButton.click();
|
||
|
|
await page.waitForTimeout(800);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
await page.waitForTimeout(1000);
|
||
|
|
|
||
|
|
// 步骤 4: 点击创建按钮并捕获错误响应
|
||
|
|
console.log('=== 步骤 4: 点击创建并捕获错误 ===');
|
||
|
|
|
||
|
|
const submitButton = page.locator('.step-actions .ant-btn-primary').last();
|
||
|
|
await submitButton.click();
|
||
|
|
console.log('已点击提交按钮');
|
||
|
|
|
||
|
|
// 等待 API 响应
|
||
|
|
const response = await page.waitForResponse(
|
||
|
|
res => res.url().includes('/api/v1/admin/courses') && res.request().method() === 'POST',
|
||
|
|
{ timeout: 15000 }
|
||
|
|
).catch(() => null);
|
||
|
|
|
||
|
|
if (response) {
|
||
|
|
console.log('响应状态:', response.status());
|
||
|
|
const responseBody = await response.text();
|
||
|
|
console.log('响应体:', responseBody);
|
||
|
|
|
||
|
|
try {
|
||
|
|
const json = JSON.parse(responseBody);
|
||
|
|
console.log('JSON 响应:', JSON.stringify(json, null, 2));
|
||
|
|
} catch {
|
||
|
|
console.log('无法解析 JSON');
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
console.log('未捕获到 API 响应');
|
||
|
|
}
|
||
|
|
|
||
|
|
// 等待更长时间查看错误消息
|
||
|
|
await page.waitForTimeout(5000);
|
||
|
|
|
||
|
|
// 检查是否有错误消息
|
||
|
|
const errorMsg = await page.locator('.ant-message-error').first();
|
||
|
|
const errorMsgVisible = await errorMsg.isVisible().catch(() => false);
|
||
|
|
if (errorMsgVisible) {
|
||
|
|
const errorText = await errorMsg.textContent();
|
||
|
|
console.log('错误消息:', errorText);
|
||
|
|
} else {
|
||
|
|
console.log('没有显示错误消息');
|
||
|
|
}
|
||
|
|
|
||
|
|
// 截图
|
||
|
|
await page.screenshot({ path: 'test-results/debug-500-error.png' });
|
||
|
|
});
|
||
|
|
});
|