Playwright系列：第13章 Playwright实用技巧

重磅发布 - 自动化框架基础指南pdf

v1.1

大数据测试过程、策略及挑战

测试框架原理，构建成功的基石

在自动化测试工作之前，你应该知道的10条建议

在自动化测试中，重要的不是工具

在 Playwright 测试中,我们经常会遇到一些实用场景,如等待页面加载、处理弹窗、上传下载文件等。本章我们将学习 Playwright 中的一些常用技巧,在测试脚本中运用这些技巧可以实现复杂的测试场景,也让测试脚本更加健壮。

页面等待方法在测试中,我们经常需要等待页面某些元素加载完成或某些条件满足后再进行下一步操作。

Playwright 提供了几种等待方法:

- :静态等待,等待指定时长。

- :等待元素选择器匹配某元素。

- :等待xpath表达式匹配某元素。

- :等待自定义函数返回真值。

- :等待元素达到某状态,如visible、enabled等。

Python示例

处理JavaScript弹窗

在测试过程中,页面可能会弹出alert、confirm或prompt等弹窗。我们需要处理这些弹窗,才能继续测试流程。

- :弹出alert弹窗

- :接受当前弹窗

- :关闭当前弹窗

- :等待弹窗出现,返回弹窗消息示例:

上传和下载文件

在测试场景中,我们可能需要上传文件进行测试,也可能需要验证文件下载功能。Playwright 提供了专门的 API 用于上传和下载文件。

- :选择文件上传域,上传指定文件

- :添加下载事件监听器,可以获取下载文件信息

Python示例:

存储和读取 Cookie

在测试中,我们经常需要在不同 page 或浏览器上共享 Cookie,以实现登录后的跨页面测试等功能。

- :获取上下文的Cookie,可选传URL过滤

- :设置上下文的Cookie

java示例:

移动设备视窗调整

在移动设备上测试时,我们可能需要调整设备视窗来适应不同设备或调试移动界面。Playwright 提供了  方法实现视窗调整。

Python示例:

Playwright断言库推荐

在测试中,我们需要使用断言来验证测试结果是否如预期。除了 Playwright 内置的少量断言外,我们可以使用第三方断言库获得更丰富的断言功能。

这里推荐两款支持 Playwright 的断言库:

- `expect-playwright`:Playwright 官方推荐的断言库,API 与 Jest expect 类似,提供丰富的 Playwright 相关断言。

- `chai`:功能强大的通用断言库,可以通过 `chai-playwright` 扩展包使用 Playwright 相关断expect-playwright言。

expect-playwright示例

chai示例:

总结

本章介绍的 Playwright 技巧涵盖了测试过程中常见的实用场景,包括等待处理、文件操作、Cookie 使用、视窗调整和断言等。

熟练掌握这些技巧可以让我们的测试脚本变得更加健壮和高效。除了本章提到的技巧外,Playwright 还有其他高级功能可供运用,可以参考官方文档进行探索。