Playwright v1.51.0发布：增强存储状态管理与测试报告功能

Playwright作为现代Web自动化测试框架，在最新发布的v1.51.0版本中带来了一系列重要更新，显著提升了测试开发的便利性和功能性。本文将详细介绍这些新特性及其应用场景。

存储状态管理增强

新版本最值得关注的改进之一是对IndexedDB的支持。在浏览器自动化测试中，许多现代应用使用IndexedDB存储关键数据如认证令牌。v1.51.0通过新增的indexedDB选项，使开发者能够完整保存和恢复IndexedDB内容。

这一特性特别适用于需要持久化认证状态的测试场景。例如，当使用Firebase Authentication等基于IndexedDB存储令牌的认证系统时，开发者现在可以轻松实现测试间的状态共享：

// 认证设置测试
setup('authenticate', async ({ page }) => {
  await page.goto('/');
  // 执行认证步骤...
  
  // 保存包含IndexedDB的完整状态
  await page.context().storageState({ 
    path: authFile, 
    indexedDB: true 
  });
});

智能错误处理辅助

v1.51.0在HTML报告、Trace查看器和UI模式中新增了"Copy prompt"按钮。这个创新功能可以一键复制包含错误信息和相关上下文的预填充提示，极大简化了开发者与LLM工具的交互过程，使错误调试更加高效。

元素过滤优化

新增的visible选项为locator.filter()方法提供了更精确的元素定位能力。在测试中，开发者现在可以轻松过滤出可见元素，避免与隐藏元素交互导致的测试不稳定：

test('验证可见待办项', async ({ page }) => {
  // 只匹配可见的待办项
  const visibleTodos = page.getByTestId('todo-item')
    .filter({ visible: true });
  
  // 断言可见项数量
  await expect(visibleTodos).toHaveCount(3);
});

测试报告增强

新版本引入了git信息集成功能。通过配置captureGitInfo选项，测试报告可以自动包含代码提交和差异信息，帮助团队更好地追踪测试结果与代码变更的关系：

// playwright配置
export default defineConfig({
  captureGitInfo: { 
    commit: true,  // 记录提交信息
    diff: true     // 记录代码差异
  }
});

测试步骤功能升级

TestStepInfo对象的引入为测试步骤带来了更丰富的控制能力。开发者现在可以在步骤中添加附件或根据条件跳过步骤：

test('响应式布局测试', async ({ page, isMobile }) => {
  await test.step('桌面布局验证', async step => {
    step.skip(isMobile, '移动端不适用此验证');
    
    // 测试逻辑...
    await step.attach('布局截图', { 
      body: await page.screenshot() 
    });
  });
});

其他重要改进

• 新增contrast选项支持模拟prefers-contrast媒体特性
• APIRequestContext新增failOnStatusCode选项简化错误处理
• expect(page).toHaveURL()断言现在支持谓词函数
• 浏览器内核更新至最新稳定版本

这些改进共同提升了Playwright在复杂Web应用测试中的表现力和可靠性，使开发者能够构建更健壮、更易维护的自动化测试套件。