async/await主要用于按顺序执行异步操作，避免回调嵌套，使测试逻辑更同步、易读；需环境支持（node.js≥14.0、现代框架）、每步await显式等待、结合显式等待策略、合理用try/catch处理错误。
在 JavaScript 自动化测试中，async/await 主要用于**按顺序执行异步操作**（如页面加载、元素点击、断言等待），避免回调嵌套和 Promise.then 链式调用，让测试逻辑更接近同步写法、更易读可控。
确保测试环境支持 async/await
现代测试框架（如 Jest、Vitest、Playwright、WebdriverIO）都原生支持 async/await。只需保证：
- Node.js 版本 ≥ 8.0（推荐 ≥ 14.0）
- 测试文件以
.mjs结尾，或package.json中设置"type": "module"（若用 ESM） - Jest 配置中
testEnvironment为node或jsdom（前端测试需 jsdom）
用 await 控制关键测试步骤的执行时序
每个耗时操作（导航、查找、输入、等待、断言）都应封装为 Promise，并用 await 显式等待完成，防止步骤错乱：
test('登录流程测试', async () => {
await page.goto('https://example.com/login'); // 等待页面加载完成
await page.fill('#username', 'testuser'); // 等待输入框可写且填入完成
await page.fill('#password', '123456');
await page.click('#login-btn'); // 等待按钮可点击并触发
await expect(page).toHaveURL(/\/dashboard/); // 等待 URL 变更后断言
});
⚠️ 注意：不加 await 的异步调用会“发射即忘”，导致后续步骤提前执行或断言失败。
组合等待策略提升稳定性
真实场景中，不能只靠固定 sleep。应结合显式等待 + await：
- 用
page.waitForSelector('.success-msg')等待元素出现 - 用
page.waitForFunction(() => window.status === 'ready')等待 JS 状态 - 封装自定义等待函数，返回 Promise，再
await调用
例如：
const waitForToast = async (text) => {
await page.waitForSelector('.toast', { state: 'visible' });
await expect(page.locator('.toast')).toHaveText(text);
};
// 在测试中使用
await waitForToast('登录成功');
错误处理与步骤中断
单个步骤失败默认会中断整个 it/test 块。可用 try/catch 实现局部容错或日志记录：
test('提交表单并验证反馈', async () => {
await page.click('#submit');
try {
await expect(page.locator('.error')).toBeVisible({ timeout: 2000 });
console.log('预期报错已出现');
} catch (e) {
throw new Error('未捕获到错误提示，流程异常');
}
});
注意：不要用 catch 吞掉所有错误而不抛出——否则测试会“假通过”。
async/await 不是魔法，它只是让 Promise 更好写；核心仍是理解每一步是否真正异步、是否必须等待完成。把每个 UI 交互和断言都视为需确认状态的异步节点，逐个 await，测试流程自然清晰可控。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
