820 lines
37 KiB
TypeScript
820 lines
37 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
||
import * as fs from 'fs';
|
||
import * as path from 'path';
|
||
import { setTimeout } from 'timers/promises';
|
||
|
||
test('test', async ({ page }) => {
|
||
test.setTimeout(1200000); // 20 分钟：全流程含多项 AI 检查，避免语法检查阶段耗尽预算
|
||
|
||
// 错误收集数组
|
||
const errors: { step: string; error: string; timestamp: string; pageUrl: string }[] = [];
|
||
|
||
// 登录信息（用于报告）
|
||
// 注意：密码含字面量反斜杠，JS 字符串中必须写成 \\，写成 \; 会丢失 \
|
||
const loginInfo = {
|
||
email: 'prodream.admin@applify.ai',
|
||
password: 'SW&`4t\\;/oh2gtSwvz&YeDHk~N5$/xIl'
|
||
};
|
||
|
||
// 辅助函数：执行步骤并捕获错误
|
||
const executeStep = async (stepName: string, stepFunction: () => Promise<void>) => {
|
||
try {
|
||
console.log(`\n[执行] ${stepName}`);
|
||
await stepFunction();
|
||
console.log(`[成功] ${stepName}`);
|
||
} catch (error) {
|
||
// 提取简洁的错误信息，去掉技术细节
|
||
let errorMessage = error instanceof Error ? error.message : String(error);
|
||
|
||
// 清理错误信息：只保留第一行主要错误，去掉 Call log 等技术细节
|
||
const firstLine = errorMessage.split('\n')[0];
|
||
const cleanError = firstLine.replace(/\s+\(.*?\)/, '').trim();
|
||
|
||
const timestamp = new Date().toISOString();
|
||
const pageUrl = page.url(); // 获取出错时的页面URL
|
||
|
||
errors.push({ step: stepName, error: cleanError, timestamp, pageUrl });
|
||
console.error(`[失败] ${stepName}: ${cleanError}`);
|
||
console.error(`[页面URL] ${pageUrl}`);
|
||
// 浏览器已关闭时后续步骤无意义，直接中断
|
||
if (/has been closed/i.test(cleanError)) {
|
||
throw error;
|
||
}
|
||
// 其他错误继续执行下一步，不中断测试流程
|
||
}
|
||
};
|
||
|
||
// 步骤1: 访问首页并登录
|
||
await executeStep('访问首页', async () => {
|
||
await page.goto('https://prodream.cn/en');
|
||
await expect(page.getByRole('button', { name: 'Log in' })).toBeVisible();
|
||
});
|
||
|
||
await executeStep('点击登录按钮', async () => {
|
||
await page.getByRole('button', { name: 'Log in' }).click();
|
||
await expect(page.getByRole('textbox', { name: 'Email' })).toBeVisible();
|
||
});
|
||
|
||
await executeStep('输入登录信息', async () => {
|
||
await page.getByRole('textbox', { name: 'Email' }).click();
|
||
await page.getByRole('textbox', { name: 'Email' }).fill(loginInfo.email);
|
||
await page.getByRole('textbox', { name: 'Password' }).click();
|
||
await page.getByRole('textbox', { name: 'Password' }).fill(loginInfo.password);
|
||
await page.getByRole('button', { name: 'Log in' }).click();
|
||
// 登录成功后可能直接进入 /students，不一定仍显示「学生工作台」链接
|
||
await expect
|
||
.poll(async () => {
|
||
const url = page.url();
|
||
if (/\/(cn|en)\/students/.test(url)) return true;
|
||
if (await page.getByRole('link').filter({ hasText: '学生工作台' }).isVisible().catch(() => false)) return true;
|
||
if (await page.getByRole('link').filter({ hasText: 'Dreami' }).isVisible().catch(() => false)) return true;
|
||
return false;
|
||
}, { timeout: 20000 })
|
||
.toBeTruthy();
|
||
});
|
||
|
||
// 步骤2: 测试 DreamiExplore
|
||
await executeStep('进入 DreamiExplore', async () => {
|
||
await page.getByRole('link').filter({ hasText: 'Dreami' }).click();
|
||
await expect(page.getByRole('heading', { name: 'Hello, Prodream Admin' })).toBeVisible({ timeout: 10000 });
|
||
});
|
||
|
||
await executeStep('测试聊天功能', async () => {
|
||
const chatInput = page.getByRole('textbox');
|
||
await chatInput.click();
|
||
await chatInput.fill('hello');
|
||
await page.getByRole('button', { name: '发送' }).click();
|
||
|
||
// 发送成功：输入框清空（避免误匹配输入框里的 hello）
|
||
try {
|
||
await expect(chatInput).toHaveValue('', { timeout: 8000 });
|
||
} catch {
|
||
await chatInput.press('Enter');
|
||
await expect(chatInput).toHaveValue('', { timeout: 10000 });
|
||
}
|
||
|
||
// AI 回复文案不固定：对话区出现任意非空回复即通过
|
||
await expect
|
||
.poll(async () => {
|
||
const replyBlocks = page.locator(
|
||
'.markdown-body, .prose, [class*="assistant"], [class*="bot"], [class*="ai-message"], [class*="message"]'
|
||
);
|
||
const count = await replyBlocks.count();
|
||
for (let i = 0; i < count; i++) {
|
||
const text = (await replyBlocks.nth(i).innerText()).trim();
|
||
if (text.length > 0 && !/^hello$/i.test(text)) {
|
||
return true;
|
||
}
|
||
}
|
||
// 兜底：出现复制按钮通常意味着已有回复内容
|
||
return (await page.getByRole('button', { name: /Copy|复制/i }).count()) > 0;
|
||
}, { timeout: 50000 })
|
||
.toBeTruthy();
|
||
});
|
||
|
||
// 步骤3: 创建新学生
|
||
await executeStep('切换英文工作台', async () => {
|
||
await page.goto('https://prodream.cn/en/students');
|
||
await expect(page.getByText('Student Name')).toBeVisible();
|
||
});
|
||
|
||
await executeStep('创建新学生', async () => {
|
||
await page.getByRole('button', { name: 'New Student' }).click();
|
||
await page.getByRole('textbox', { name: 'Name *', exact: true }).click();
|
||
await page.getByRole('textbox', { name: 'Name *', exact: true }).fill('黄子旭测试');
|
||
// 该下拉组件选中后不一定把值回显在原占位元素上，关闭下拉后继续后续字段填写
|
||
await page.keyboard.press('Escape');
|
||
await page.getByRole('textbox', { name: 'Contract Category *' }).click();
|
||
await page.getByRole('textbox', { name: 'Contract Category *' }).fill('11');
|
||
await page.getByRole('textbox', { name: 'Contract Name *' }).click();
|
||
await page.getByRole('textbox', { name: 'Contract Name *' }).fill('11');
|
||
await page.getByRole('button', { name: 'Confirm' }).click();
|
||
// 等待学生创建成功，使用 first() 处理多个匹配
|
||
await expect(page.getByText('黄子旭测试').first()).toBeVisible();
|
||
});
|
||
|
||
// 步骤4: 添加材料 流程
|
||
|
||
await executeStep('添加材料', async () => {
|
||
await page.getByText('黄子旭测试').first().click();
|
||
await page.getByRole('button', { name: 'Material library' }).click();
|
||
await page.getByRole('button', { name: 'Add Material' }).click();
|
||
await page.getByRole('menuitem', { name: 'Manual Add' }).click();
|
||
await expect(page.getByText('Classification')).toBeVisible();
|
||
await page.getByRole('textbox', { name: 'Title' }).click();
|
||
await page.getByRole('textbox', { name: 'Title' }).fill('Community Art & Cultural Education Project（社区艺术与文化教育项目）');
|
||
await page.getByRole('paragraph').filter({ hasText: /^$/ }).click();
|
||
await page.locator('.tiptap').fill('在高二至高三期间，我每周投入约3小时参与社区艺术与文化教育项目，协助为当地儿童开设艺术工作坊。我主要负责示范水彩晕染、湿画法与层次叠加等技法，并教授楷书与行书的基础笔画练习，帮助孩子们理解中西方艺术表现的差异。');
|
||
await page.getByRole('button', { name: 'icon Get Suggestions' }).click();
|
||
await expect(page.getByRole('heading', { name: 'More Suggestions' })).toBeVisible();
|
||
await page.getByRole('button', { name: 'Create', exact: true }).click();
|
||
await expect(page.getByRole('button', { name: 'Community Art' })).toBeVisible({ timeout: 15000 });
|
||
// 等待页面稳定后再点击
|
||
await page.waitForTimeout(1000);
|
||
});
|
||
|
||
/* // 旧版思路探索检查点
|
||
await executeStep('探索 Essay Idea', async () => {
|
||
await page.getByRole('button', { name: 'Idea exploration' }).click();
|
||
await expect(page.getByRole('heading', { name: 'Select an essay prompt or' })).toBeVisible();
|
||
});
|
||
|
||
await executeStep('加载 Recommendation', async () => {
|
||
// 点击 Recommendation 按钮
|
||
await page.waitForTimeout(5000);
|
||
await page.getByRole('button', { name: 'icon Recommendation' }).click();
|
||
await page.waitForTimeout(10000);
|
||
console.log('等待 Recommendation 加载完成...');
|
||
await expect(page.getByRole('heading', { name: 'Recommendation Material' })).toBeVisible({ timeout: 120000 });
|
||
console.log('Recommendation Material 已出现');
|
||
});
|
||
|
||
await executeStep('生成 Essay Idea', async () => {
|
||
await page.getByRole('button', { name: 'icon Generate Essay Idea' }).click();
|
||
await page.getByRole('button', { name: 'Generate' }).click();
|
||
// AI 生成需要时间，增加超时
|
||
await expect(page.getByRole('heading', { name: 'Essay Idea' })).toBeVisible({ timeout: 60000 });
|
||
});
|
||
|
||
await executeStep('生成 Essay', async () => {
|
||
await page.getByRole('button', { name: 'icon Generate Essay' }).click();
|
||
await page.getByPlaceholder('Please enter the expected word count').click();
|
||
await page.getByPlaceholder('Please enter the expected word count').fill('100');
|
||
await page.getByRole('button', { name: 'Generate' }).click();
|
||
|
||
console.log('等待 Essay 生成完成...');
|
||
const loadingMessage = page.getByText(/Generating the Draft. This usually takes about 30 seconds. Please wait./i);
|
||
|
||
// 第一步：先等待加载消息出现（确保生成已开始）
|
||
console.log('等待加载消息出现...');
|
||
await loadingMessage.waitFor({ state: 'visible', timeout: 10000 });
|
||
console.log('加载消息已出现，文书正在生成中...');
|
||
|
||
// 第二步：等待加载消息消失（最多等待 3 分钟）
|
||
await loadingMessage.waitFor({ state: 'hidden', timeout: 180000 });
|
||
console.log('Essay 生成完成，加载消息已消失');
|
||
|
||
// 第三步：等待 10 秒钟让页面稳定
|
||
console.log('等待 10 秒让页面稳定...');
|
||
await page.waitForTimeout(10000);
|
||
console.log('页面已稳定，继续下一步');
|
||
});
|
||
|
||
// 步骤5: 各种检查功能
|
||
const dismissCheckTipIfAny = async () => {
|
||
const tip = page.getByRole('dialog').filter({ hasText: /提示|无需重新检测|无变更/i });
|
||
if (await tip.isVisible({ timeout: 2500 }).catch(() => false)) {
|
||
const ok = tip.getByRole('button', { name: /确认|Confirm|OK|关闭/i }).first();
|
||
if (await ok.isVisible().catch(() => false)) await ok.click();
|
||
return true;
|
||
}
|
||
return false;
|
||
};
|
||
|
||
const waitToolCheckDone = async (kind: string) => {
|
||
console.log(`等待 ${kind} 加载完成...`);
|
||
await expect
|
||
.poll(
|
||
async () => {
|
||
if (await page.getByRole('button', { name: /Re-check|重新检测/i }).first().isVisible().catch(() => false)) {
|
||
return 'recheck';
|
||
}
|
||
const tip = page.getByRole('dialog').filter({ hasText: /无需重新检测|无变更|no need|unchanged/i });
|
||
if (await tip.isVisible().catch(() => false)) {
|
||
await tip.getByRole('button', { name: /确认|Confirm|OK/i }).click();
|
||
return 'already-checked';
|
||
}
|
||
if (await page.getByRole('heading', { name: /suggestions/i }).isVisible().catch(() => false)) {
|
||
return 'suggestions';
|
||
}
|
||
return '';
|
||
},
|
||
{ timeout: 200000 }
|
||
)
|
||
.not.toEqual('');
|
||
console.log(`${kind} 完成`);
|
||
};
|
||
|
||
await executeStep('语法检查 (Grammar Check)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').first().click();
|
||
const startGrammar = page.getByRole('button', { name: /Start Grammar Check|开始语法检测/i }).first();
|
||
await expect(startGrammar).toBeVisible({ timeout: 20000 });
|
||
await startGrammar.click();
|
||
await dismissCheckTipIfAny();
|
||
await waitToolCheckDone('Grammar Check');
|
||
});
|
||
|
||
await executeStep('查重检查 (Plagiarism Check)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(1).click();
|
||
const startBtn = page.getByRole('button', { name: /Start Plagiarism Check|开始查重/i }).first();
|
||
await expect(startBtn).toBeVisible({ timeout: 20000 });
|
||
await startBtn.click();
|
||
await dismissCheckTipIfAny();
|
||
await waitToolCheckDone('Plagiarism Check');
|
||
});
|
||
|
||
await executeStep('AI检测 (AI Detection)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(2).click();
|
||
const startBtn = page.getByRole('button', { name: /Start AI Detection|开始AI/i }).first();
|
||
await expect(startBtn).toBeVisible({ timeout: 20000 });
|
||
await startBtn.click();
|
||
await dismissCheckTipIfAny();
|
||
console.log('等待 Start AI Detection 加载完成...');
|
||
await expect
|
||
.poll(
|
||
async () => {
|
||
if (await page.getByRole('button', { name: 'GPTZero' }).isVisible().catch(() => false)) return 'gptzero';
|
||
const tip = page.getByRole('dialog').filter({ hasText: /无需重新检测|无变更|no need/i });
|
||
if (await tip.isVisible().catch(() => false)) {
|
||
await tip.getByRole('button', { name: /确认|Confirm|OK/i }).click();
|
||
return 'already-checked';
|
||
}
|
||
return '';
|
||
},
|
||
{ timeout: 120000 }
|
||
)
|
||
.not.toEqual('');
|
||
if (await page.getByRole('button', { name: 'GPTZero' }).isVisible().catch(() => false)) {
|
||
console.log('GPTZero 已出现');
|
||
await expect(page.getByRole('button', { name: /ZeroGPT/i })).toBeVisible({ timeout: 80000 });
|
||
console.log('ZeroGPT 已出现');
|
||
}
|
||
console.log('AI检测功能正常');
|
||
});
|
||
|
||
await executeStep('人性化处理 (Humanize)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(3).click();
|
||
// 等待界面切换和按钮加载
|
||
await page.waitForTimeout(2000);
|
||
await page.getByRole('button', { name: /Start Humanize|开始人性化/i }).click();
|
||
console.log('等待 Start Humanize 加载完成...');
|
||
await expect(page.getByRole('button', { name: 'Re-check' })).toBeVisible({ timeout: 200000 });
|
||
console.log('Re-check 已出现');
|
||
});
|
||
|
||
await executeStep('润色 (Polish)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(4).click();
|
||
await page.getByRole('button', { name: /Start Polish|开始润色/i }).click();
|
||
console.log('等待 Start Polish 加载完成...');
|
||
await expect(page.getByRole('button', { name: 'Accept All' })).toBeVisible({ timeout: 200000 });
|
||
console.log('Accept All 已出现');
|
||
});
|
||
|
||
await executeStep('评分 (Get Rated)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(5).click();
|
||
await page.getByRole('button', { name: 'Get Rated' }).click();
|
||
console.log('等待 Get Rated 加载完成...');
|
||
await expect(page.getByRole('heading', { name: 'Your essay rating is:' })).toBeVisible({ timeout: 200000 });
|
||
console.log('Your essay rating is: 已出现');
|
||
});
|
||
|
||
await executeStep('Improvement 检查', async () => {
|
||
await page.getByRole('tab', { name: 'Improvement' }).click();
|
||
await expect.poll(async () => {
|
||
const congratulationsVisible = await page
|
||
.getByRole('heading', { name: 'Congratulations! All have been revised' })
|
||
.isVisible();
|
||
const acceptAllVisible = await page
|
||
.getByRole('button', { name: 'Accept all' })
|
||
.isVisible();
|
||
const suggestionsVisible = await page
|
||
.getByRole('button', { name: 'Suggestions' })
|
||
.isVisible();
|
||
return congratulationsVisible || acceptAllVisible || suggestionsVisible;
|
||
}, { timeout: 100000 }).toBeTruthy();
|
||
console.log('Improvement 检查通过：任一结果已出现');
|
||
});
|
||
|
||
// 步骤6: 进入 Essay Writing
|
||
await executeStep('进入 Essay Writing', async () => {
|
||
await page.getByRole('button', { name: '黄子旭测试-Essay Writing' }).click();
|
||
await expect(page.getByRole('button', { name: 'Idea exploration' })).toBeVisible({ timeout: 15000 });
|
||
});
|
||
|
||
// 步骤7: 探索 Essay Idea
|
||
await executeStep('探索 Essay Idea', async () => {
|
||
await page.getByRole('button', { name: 'Idea exploration' }).click();
|
||
await expect(page.getByRole('heading', { name: 'Select an essay prompt or' })).toBeVisible();
|
||
});
|
||
|
||
// 步骤8: 加载 Recommendation
|
||
await executeStep('加载 Recommendation', async () => {
|
||
await page.getByRole('button', { name: 'icon Recommendation' }).click();
|
||
console.log('等待 Recommendation 加载完成...');
|
||
await page.waitForTimeout(10000);
|
||
console.log('Recommendation 加载完成');
|
||
});
|
||
|
||
// 步骤9: 生成 Essay Idea
|
||
await executeStep('生成 Essay Idea', async () => {
|
||
await page.getByRole('button', { name: 'icon Generate Essay Idea' }).click();
|
||
await page.getByRole('button', { name: 'Generate' }).click();
|
||
console.log('等待 Essay Idea 生成...');
|
||
await expect(page.getByRole('button', { name: 'Student Guide' })).toBeVisible({ timeout: 60000 });
|
||
console.log('Essay Idea 生成完成');
|
||
});
|
||
|
||
console.log('等待 10 秒让页面稳定...');
|
||
await page.waitForTimeout(10000);
|
||
console.log('页面已稳定，继续下一步');
|
||
|
||
// 步骤10: 测试 Student Guide 功能
|
||
await executeStep('测试 Student Guide 展开/收起', async () => {
|
||
// 展开 Student Guide
|
||
await page.getByRole('button', { name: 'Student Guide' }).click();
|
||
console.log('等待 Student Guide 加载完成...');
|
||
await expect(page.getByRole('button', { name: 'Translate' })).toBeVisible({ timeout: 110000 });
|
||
// 测试复制功能
|
||
await page.getByRole('button', { name: 'Copy' }).click();
|
||
await expect(page.getByText('Copied to clipboard')).toBeVisible({ timeout: 110000 });
|
||
await page.getByLabel('Student Guide').getByRole('button').filter({ hasText: /^$/ }).click();
|
||
console.log('等待 10 秒让页面稳定...');
|
||
await page.waitForTimeout(10000);
|
||
console.log('页面已稳定，继续下一步');
|
||
});
|
||
|
||
// 步骤11: 测试翻译功能
|
||
await executeStep('测试翻译功能', async () => {
|
||
// 点击翻译按钮，英文 → 中文
|
||
await page.getByRole('button', { name: 'Translate' }).click();
|
||
await page.getByRole('button', { name: '简体中文' }).click();
|
||
console.log('点击翻译按钮，等待翻译完成...');
|
||
|
||
// 等待翻译完成（等待按钮重新变为可用状态或等待固定时间）
|
||
await page.waitForTimeout(3000);
|
||
|
||
// 验证翻译按钮仍然存在（表示功能可用）
|
||
await expect(page.getByRole('button', { name: 'Translate' })).toBeVisible({ timeout: 5000 });
|
||
console.log('翻译功能正常（已切换为中文）');
|
||
});
|
||
|
||
// 步骤12: 测试复制功能
|
||
await executeStep('测试复制到剪贴板', async () => {
|
||
await page.getByRole('button', { name: 'Copy' }).click();
|
||
await expect(page.getByText('Copied to clipboard')).toBeVisible({ timeout: 5000 });
|
||
console.log('复制功能正常');
|
||
console.log('等待 10 秒让页面稳定...');
|
||
await page.waitForTimeout(10000);
|
||
console.log('页面已稳定，继续下一步');
|
||
});
|
||
|
||
// 步骤13: 测试再次翻译
|
||
await executeStep('测试翻译返回英文', async () => {
|
||
await page.getByRole('button', { name: 'Translate' }).click();
|
||
await page.getByRole('button', { name: '英文' }).click();
|
||
await page.waitForTimeout(2000);
|
||
console.log('翻译返回英文完成');
|
||
});
|
||
|
||
// 步骤14: 再次测试复制
|
||
await executeStep('再次测试复制功能', async () => {
|
||
await page.getByRole('button', { name: 'Copy' }).click();
|
||
await expect(page.getByText('Copied to clipboard')).toBeVisible({ timeout: 5000 });
|
||
});
|
||
|
||
// 步骤15: 测试重新生成 Essay Idea
|
||
await executeStep('测试重新生成 Essay Idea', async () => {
|
||
await page.getByRole('button', { name: 'Regenerate' }).click();
|
||
console.log('等待重新生成 Essay Idea...');
|
||
await expect(page.getByRole('button', { name: 'Student Guide' })).toBeVisible({ timeout: 60000 });
|
||
console.log('重新生成完成');
|
||
});
|
||
|
||
// 步骤16: 生成 Outline
|
||
await executeStep('生成 Outline', async () => {
|
||
await page.getByRole('button', { name: 'icon Generate Outline First' }).click();
|
||
await page.getByRole('button', { name: 'Generate' }).click();
|
||
console.log('等待 Outline 生成...');
|
||
await expect(page.getByRole('heading', { name: 'Untitled Document' })).toBeVisible({ timeout: 150000 });
|
||
console.log('Outline 生成完成');
|
||
await page.waitForTimeout(5000);
|
||
});
|
||
|
||
// 步骤17: 生成 Draft
|
||
await executeStep('生成 Draft', async () => {
|
||
await page.getByRole('button', { name: 'icon Generate Draft' }).click();
|
||
await page.getByPlaceholder('Please enter the expected word count').click();
|
||
await page.getByPlaceholder('Please enter the expected word count').fill('100');
|
||
await page.getByRole('button', { name: 'Generate' }).click();
|
||
console.log('等待 Draft 生成完成...');
|
||
const loadingMessage = page.getByText(/Generating the Draft. This usually takes about 30 seconds. Please wait./i);
|
||
// 第一步：先等待加载消息出现（确保生成已开始）
|
||
console.log('等待加载消息出现...');
|
||
await loadingMessage.waitFor({ state: 'visible', timeout: 10000 });
|
||
console.log('加载消息已出现，文书正在生成中...');
|
||
});
|
||
|
||
*/
|
||
|
||
// 步骤18: 进入当前学生 Essay Writing 首页
|
||
await executeStep('进入 Essay Writing', async () => {
|
||
const createOutlineHome = page.getByRole('button', { name: /Create Outline Organize an|Create Outline/i }).first();
|
||
if (!(await createOutlineHome.isVisible().catch(() => false))) {
|
||
const homeBtn = page.getByRole('button', { name: /黄子旭测试-Essay Writing|.+-Essay Writing$|.-文书写作$/i }).first();
|
||
if (await homeBtn.isVisible().catch(() => false)) {
|
||
await homeBtn.click();
|
||
} else {
|
||
await page.getByRole('button', { name: /Essay Writing|文书写作/i }).first().click();
|
||
}
|
||
}
|
||
await expect(page.getByRole('button', { name: /Create Outline Organize an|Create Outline/i }).first()).toBeVisible({
|
||
timeout: 15000,
|
||
});
|
||
});
|
||
|
||
// 步骤19: 直接生成 Outline
|
||
await executeStep('直接生成 Outline', async () => {
|
||
await page.getByRole('button', { name: /Create Outline Organize an|Create Outline/i }).first().click();
|
||
await expect
|
||
.poll(async () => /outline-create|\/outline\//.test(page.url()), { timeout: 20000 })
|
||
.toBeTruthy();
|
||
await expect(page.getByRole('heading', { name: /Select an essay prompt|Select Material/i }).first()).toBeVisible({
|
||
timeout: 20000,
|
||
});
|
||
|
||
// 选择一个 material（未选时 Generate Outline 为 disabled）
|
||
const communityArt = page.getByRole('button', { name: /Community Art/i }).first();
|
||
//const mathDoc = page.getByRole('button', { name: /math\.docx/i }).first();
|
||
const materialCard = page
|
||
.getByRole('button')
|
||
.filter({ has: page.getByRole('heading', { level: 2 }) })
|
||
.filter({ hasNotText: /Add material|Download|Delete|Recommendation|Customization|Select Material|Essay Idea/i })
|
||
.first();
|
||
|
||
await expect
|
||
.poll(
|
||
async () =>
|
||
(await communityArt.isVisible().catch(() => false)) ||
|
||
// (await mathDoc.isVisible().catch(() => false)) ||
|
||
(await materialCard.isVisible().catch(() => false)),
|
||
{ timeout: 30000 }
|
||
)
|
||
.toBeTruthy();
|
||
|
||
if (await communityArt.isVisible().catch(() => false)) {
|
||
await communityArt.click();
|
||
console.log('已选择材料: Community Art');
|
||
//} else if (await mathDoc.isVisible().catch(() => false)) {
|
||
// await mathDoc.click();
|
||
// console.log('已选择材料: math.docx');
|
||
} else {
|
||
await expect(materialCard).toBeVisible({ timeout: 10000 });
|
||
await materialCard.click();
|
||
}
|
||
|
||
const selectedHint = page.getByText(/[1-9]\d*\/\d+\s*selected|[1-9].*已选/i);
|
||
await expect(selectedHint.first()).toBeVisible({ timeout: 10000 });
|
||
|
||
const generateOutline = page.getByRole('button', { name: /Generate Outline|生成大纲/i }).last();
|
||
await expect(generateOutline).toBeEnabled({ timeout: 15000 });
|
||
await generateOutline.click();
|
||
console.log('已点击 Generate Outline');
|
||
|
||
// 可能弹出额外建议对话框，需再点一次 Generate
|
||
const adviceDialog = page.getByRole('dialog');
|
||
if (await adviceDialog.isVisible({ timeout: 8000 }).catch(() => false)) {
|
||
const dlgGenerate = adviceDialog.getByRole('button', { name: /^Generate$|^生成$/i });
|
||
if (await dlgGenerate.isVisible().catch(() => false)) {
|
||
await dlgGenerate.click();
|
||
}
|
||
}
|
||
|
||
console.log('等待 Outline 生成...');
|
||
await expect
|
||
.poll(
|
||
async () => {
|
||
if (/\/outline\/[^/?]+/.test(page.url()) && !/outline-create/.test(page.url())) return true;
|
||
return page.getByRole('heading', { name: /Untitled Document|未命名/i }).first().isVisible().catch(() => false);
|
||
},
|
||
{ timeout: 180000 }
|
||
)
|
||
.toBeTruthy();
|
||
console.log('Outline 生成完成，额外等待 30 秒...');
|
||
await page.waitForTimeout(30000);
|
||
//点击generate first draft
|
||
});
|
||
|
||
// 步骤20: Outline 生成后返回 Essay Writing 首页
|
||
await executeStep('进入 Essay Writing', async () => {
|
||
// Outline 页面包屑：{学生名}-Essay Writing（不硬编码具体学生）
|
||
const homeBtn = page.getByRole('button', { name: /.+-Essay Writing$|黄子旭测试-Essay Writing|.-文书写作$/i }).first();
|
||
await expect(homeBtn).toBeVisible({ timeout: 15000 });
|
||
await homeBtn.click();
|
||
await expect(page.getByRole('button', { name: /Create Outline Organize an/i }).first()).toBeVisible({ timeout: 15000 });
|
||
});
|
||
|
||
// 步骤21: 直接生成 Essay / Draft
|
||
await executeStep('直接生成 Essay', async () => {
|
||
await page.getByRole('button', { name: /Generate Draft Turn available|Generate first draft|Generate First Draft/i }).first().click();
|
||
console.log('直接生成 Essay');
|
||
|
||
// 进入 essay-create；若仍停在首页，再点 Generate First Draft
|
||
const onCreatePage = async () => /essay-create/.test(page.url());
|
||
if (!(await onCreatePage())) {
|
||
const firstDraft = page.getByRole('button', { name: /Generate First Draft|Generate first draft/i }).last();
|
||
if (await firstDraft.isVisible().catch(() => false)) {
|
||
await firstDraft.click();
|
||
}
|
||
}
|
||
await expect.poll(async () => onCreatePage(), { timeout: 20000 }).toBeTruthy();
|
||
console.log('已进入 Draft 材料页, url=', page.url());
|
||
|
||
const communityArt = page.getByRole('button', { name: /General Community Art|Community Art/i }).first();
|
||
const materialCard = page
|
||
.getByRole('button')
|
||
.filter({ has: page.getByRole('heading', { level: 2 }) })
|
||
.filter({ hasNotText: /Add material|Download|Delete|Recommendation|Customization|Select Material|Essay Idea/i })
|
||
.first();
|
||
await expect
|
||
.poll(
|
||
async () =>
|
||
(await communityArt.isVisible().catch(() => false)) || (await materialCard.isVisible().catch(() => false)),
|
||
{ timeout: 20000 }
|
||
)
|
||
.toBeTruthy();
|
||
if (await communityArt.isVisible().catch(() => false)) {
|
||
await communityArt.click();
|
||
} else {
|
||
await materialCard.click();
|
||
}
|
||
await expect(page.getByText(/[1-9]\d*\/\d+\s*selected|[1-9].*已选/i).first()).toBeVisible({ timeout: 10000 });
|
||
console.log('素材已选择');
|
||
|
||
const generateDraftBtn = page
|
||
.getByRole('button', { name: /Generate First Draft|Generate first draft|icon Generate Draft/i })
|
||
.filter({ hasNotText: /Turn available/i })
|
||
.last();
|
||
await expect(generateDraftBtn).toBeEnabled({ timeout: 15000 });
|
||
await generateDraftBtn.click();
|
||
console.log('已点击 Generate First Draft');
|
||
|
||
const wordCount = page.getByPlaceholder(/expected word count|word count|expected|字数/i).first();
|
||
if (await wordCount.isVisible({ timeout: 8000 }).catch(() => false)) {
|
||
await wordCount.fill('100');
|
||
}
|
||
const confirmGenerate = page.getByRole('dialog').getByRole('button', { name: /^Generate$|^生成$/i });
|
||
if (await confirmGenerate.isVisible({ timeout: 5000 }).catch(() => false)) {
|
||
await confirmGenerate.click();
|
||
} else if (await page.getByRole('button', { name: /^Generate$/ }).isVisible().catch(() => false)) {
|
||
await page.getByRole('button', { name: /^Generate$/ }).click();
|
||
}
|
||
console.log('已确认 Generate');
|
||
|
||
//等待 Essay 生成完成
|
||
console.log('等待 Essay 生成完成...');
|
||
const loadingMessage = page.getByText(/Generating the Draft. This usually takes about 30 seconds. Please wait./i);
|
||
console.log('等待加载消息出现...');
|
||
try {
|
||
await loadingMessage.first().waitFor({ state: 'visible', timeout: 15000 });
|
||
console.log('加载消息已出现，文书正在生成中...');
|
||
await loadingMessage.first().waitFor({ state: 'hidden', timeout: 180000 });
|
||
console.log('Essay 生成完成，加载消息已消失');
|
||
} catch {
|
||
// 加载文案可能变化：以编辑器内容出现作为兜底
|
||
await expect(page.locator('.tiptap, [contenteditable="true"]').first()).toBeVisible({ timeout: 180000 });
|
||
console.log('未捕获到加载文案，但编辑器已可见');
|
||
}
|
||
console.log('等待 10 秒让页面稳定...');
|
||
await page.waitForTimeout(10000);
|
||
console.log('页面已稳定');
|
||
});
|
||
|
||
// 步骤5: 各种检查功能
|
||
const dismissCheckTipIfAny = async () => {
|
||
const tip = page.getByRole('dialog').filter({ hasText: /提示|无需重新检测|无变更/i });
|
||
if (await tip.isVisible({ timeout: 2500 }).catch(() => false)) {
|
||
const ok = tip.getByRole('button', { name: /确认|Confirm|OK|关闭/i }).first();
|
||
if (await ok.isVisible().catch(() => false)) await ok.click();
|
||
return true;
|
||
}
|
||
return false;
|
||
};
|
||
|
||
const waitToolCheckDone = async (kind: string) => {
|
||
console.log(`等待 ${kind} 加载完成...`);
|
||
await expect
|
||
.poll(
|
||
async () => {
|
||
if (await page.getByRole('button', { name: /Re-check|重新检测/i }).first().isVisible().catch(() => false)) {
|
||
return 'recheck';
|
||
}
|
||
const tip = page.getByRole('dialog').filter({ hasText: /无需重新检测|无变更|no need|unchanged/i });
|
||
if (await tip.isVisible().catch(() => false)) {
|
||
await tip.getByRole('button', { name: /确认|Confirm|OK/i }).click();
|
||
return 'already-checked';
|
||
}
|
||
if (await page.getByRole('heading', { name: /suggestions/i }).isVisible().catch(() => false)) {
|
||
return 'suggestions';
|
||
}
|
||
return '';
|
||
},
|
||
{ timeout: 200000 }
|
||
)
|
||
.not.toEqual('');
|
||
console.log(`${kind} 完成`);
|
||
};
|
||
|
||
await executeStep('语法检查 (Grammar Check)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').first().click();
|
||
const startGrammar = page.getByRole('button', { name: /Start Grammar Check|开始语法检测/i }).first();
|
||
await expect(startGrammar).toBeVisible({ timeout: 20000 });
|
||
await startGrammar.click();
|
||
await dismissCheckTipIfAny();
|
||
await waitToolCheckDone('Grammar Check');
|
||
});
|
||
|
||
await executeStep('查重检查 (Plagiarism Check)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(1).click();
|
||
const startBtn = page.getByRole('button', { name: /Start Plagiarism Check|开始查重/i }).first();
|
||
await expect(startBtn).toBeVisible({ timeout: 20000 });
|
||
await startBtn.click();
|
||
await dismissCheckTipIfAny();
|
||
await waitToolCheckDone('Plagiarism Check');
|
||
});
|
||
|
||
await executeStep('AI检测 (AI Detection)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(2).click();
|
||
const startBtn = page.getByRole('button', { name: /Start AI Detection|开始AI/i }).first();
|
||
await expect(startBtn).toBeVisible({ timeout: 20000 });
|
||
await startBtn.click();
|
||
await dismissCheckTipIfAny();
|
||
console.log('等待 Start AI Detection 加载完成...');
|
||
await expect
|
||
.poll(
|
||
async () => {
|
||
if (await page.getByRole('button', { name: 'GPTZero' }).isVisible().catch(() => false)) return 'gptzero';
|
||
const tip = page.getByRole('dialog').filter({ hasText: /无需重新检测|无变更|no need/i });
|
||
if (await tip.isVisible().catch(() => false)) {
|
||
await tip.getByRole('button', { name: /确认|Confirm|OK/i }).click();
|
||
return 'already-checked';
|
||
}
|
||
return '';
|
||
},
|
||
{ timeout: 120000 }
|
||
)
|
||
.not.toEqual('');
|
||
if (await page.getByRole('button', { name: 'GPTZero' }).isVisible().catch(() => false)) {
|
||
console.log('GPTZero 已出现');
|
||
await expect(page.getByRole('button', { name: /ZeroGPT/i })).toBeVisible({ timeout: 80000 });
|
||
console.log('ZeroGPT 已出现');
|
||
}
|
||
console.log('AI检测功能正常');
|
||
});
|
||
|
||
await executeStep('人性化处理 (Humanize)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(3).click();
|
||
// 等待界面切换和按钮加载
|
||
await page.waitForTimeout(2000);
|
||
await page.getByRole('button', { name: /Start Humanize|开始人性化/i }).click();
|
||
console.log('等待 Start Humanize 加载完成...');
|
||
await expect(page.getByRole('button', { name: 'Re-check' })).toBeVisible({ timeout: 200000 });
|
||
console.log('Re-check 已出现');
|
||
});
|
||
|
||
await executeStep('润色 (Polish)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(4).click();
|
||
await page.getByRole('button', { name: /Start Polish|开始润色/i }).click();
|
||
console.log('等待 Start Polish 加载完成...');
|
||
await expect(page.getByRole('button', { name: 'Accept All' })).toBeVisible({ timeout: 200000 });
|
||
console.log('Accept All 已出现');
|
||
});
|
||
|
||
await executeStep('评分 (Get Rated)', async () => {
|
||
const toolRail = page.getByRole('complementary').filter({ has: page.getByRole('listitem') }).first();
|
||
await toolRail.getByRole('listitem').nth(5).click();
|
||
await page.getByRole('button', { name: 'Get Rated' }).click();
|
||
console.log('等待 Get Rated 加载完成...');
|
||
await expect(page.getByRole('heading', { name: 'Your essay rating is:' })).toBeVisible({ timeout: 200000 });
|
||
console.log('Your essay rating is: 已出现');
|
||
});
|
||
|
||
await executeStep('Improvement 检查', async () => {
|
||
await page.getByRole('tab', { name: 'Improvement' }).click();
|
||
await expect.poll(async () => {
|
||
const congratulationsVisible = await page
|
||
.getByRole('heading', { name: 'Congratulations! All have been revised' })
|
||
.isVisible();
|
||
const acceptAllVisible = await page
|
||
.getByRole('button', { name: 'Accept all' })
|
||
.isVisible();
|
||
const suggestionsVisible = await page
|
||
.getByRole('button', { name: 'Suggestions' })
|
||
.isVisible();
|
||
return congratulationsVisible || acceptAllVisible || suggestionsVisible;
|
||
}, { timeout: 100000 }).toBeTruthy();
|
||
console.log('Improvement 检查通过：任一结果已出现');
|
||
});
|
||
// 最后输出错误汇总
|
||
console.log('\n\n========== 测试执行完成 ==========');
|
||
|
||
// 生成错误报告文件
|
||
const generateErrorReport = () => {
|
||
const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
|
||
const reportPath = path.join(process.cwd(), `test-error-report-${timestamp}.txt`);
|
||
|
||
let report = '========== 测试错误报告 ==========\n\n';
|
||
report += `报告生成时间: ${new Date().toLocaleString('zh-CN')}\n\n`;
|
||
|
||
// 第一部分：登录账号信息（只显示一次）
|
||
report += '【登录账号信息】\n';
|
||
report += `账号: ${loginInfo.email}\n`;
|
||
report += `密码: ${loginInfo.password}\n`;
|
||
report += `测试环境: https://prodream.cn/en\n\n`;
|
||
report += `${'='.repeat(60)}\n\n`;
|
||
|
||
if (errors.length === 0) {
|
||
report += '✅ 所有功能测试通过，未发现问题!\n';
|
||
} else {
|
||
report += `发现 ${errors.length} 个问题，详情如下:\n\n`;
|
||
|
||
// 每个错误按照格式：问题功能 + 页面链接
|
||
errors.forEach((err, index) => {
|
||
report += `【问题 ${index + 1}】\n`;
|
||
report += `问题功能: ${err.step}\n`;
|
||
report += `页面链接: ${err.pageUrl}\n`;
|
||
report += `错误详情: ${err.error}\n`;
|
||
report += `发生时间: ${new Date(err.timestamp).toLocaleString('zh-CN')}\n`;
|
||
report += '\n';
|
||
});
|
||
|
||
report += `${'='.repeat(60)}\n`;
|
||
report += `\n说明: 测试过程中遇到错误会自动跳过并继续执行后续步骤。\n`;
|
||
}
|
||
|
||
fs.writeFileSync(reportPath, report, 'utf-8');
|
||
return reportPath;
|
||
};
|
||
|
||
if (errors.length === 0) {
|
||
console.log('✅ 所有步骤执行成功!');
|
||
} else {
|
||
console.log(`\n⚠️ 发现 ${errors.length} 个问题:\n`);
|
||
errors.forEach((err, index) => {
|
||
console.log(`【问题 ${index + 1}】`);
|
||
console.log(` 问题功能: ${err.step}`);
|
||
console.log(` 页面链接: ${err.pageUrl}`);
|
||
console.log(` 错误详情: ${err.error}`);
|
||
console.log('');
|
||
});
|
||
|
||
// 生成并保存错误报告文件
|
||
const reportPath = generateErrorReport();
|
||
console.log(`📄 详细错误报告已保存到: ${reportPath}`);
|
||
console.log(`\n账号: ${loginInfo.email}`);
|
||
console.log(`密码: ${loginInfo.password}\n`);
|
||
|
||
// 不抛出错误，让测试标记为通过，但在日志中记录所有失败步骤
|
||
}
|
||
});
|