微软Playwright开源自动化框架初探-安装和调试(java版)

最近在研究部门的UI自动化框架(java+selenium+testNG+openCV等)，发现在调试脚本时，需要先下载谷歌浏览器。无头/有头模式还需要代码区分。还有一个体验问题，程序启动太慢，从运行到浏览器启动，差不多需要30s左右，等得有点着急。

在知乎/CSDN中找到多篇文章推荐自动化测试利器-Playwright

新建项目尝试了下，启动速度蛮快的。通读官方api文档后，发现无论是配置还是运行，优点都很多。下面我们来详细地介绍下Playwright

一、什么是 Playwright

微软开源自动化测试工具Playwright, 支持主流浏览器，包括 Chrome、FireFox、safari等主流浏览器， 同时支持以无头模式、有头模式运行，并提供了同步、异步的API, 可以结合主流测试框架使用。支持浏览器端的自动化脚本录制等功能。

二、Playwright的特点

支持所有浏览器#

在 Chromium、Firefox 和 WebKit 上进行测试. Playwright 拥有适用于所有现代浏览器的完整 API,包括 Google Chrome 和 Microsoft Edge (基于 Chromium), Apple Safari (基于 WebKit) 和 Mozilla Firefox.

跨平台 WebKit 测试. 使用Playwright，使用适用于Windows、Linux和macOS的WebKit构建，测试您的应用程序在Apple Safari中的表现。在本地和CI上进行测试。

移动设备测试. 借助 移动设备模拟器（device emulation）的移动 Web 浏览器中测试您的响应式 Web 应用程序

Headless and headed. Playwright 支持所有浏览器和所有平台的 headless（无浏览器 UI）和headed（浏览器 UI）模式。Headed 非常适合调试，而 Headless 速度更快，适合 CI/云执行。

快速可靠地执行#

自动等待API（Auto-wait APIs）. Playwright 操作会 自动等待元素（auto-wait for elements） 准备就绪. 这提高了可靠性并简化了测试脚本的编写。

自动化无超时（Timeout-free automation). Playwright 接收浏览器信号, 如网络请求、页面导航和页面加载事件， to eliminate the need for sleep timeouts that cause flakiness.

Lean parallelization with browser contexts. 为多个具有浏览器上下文（browser contexts）的并行、隔离的执行环境重用单个浏览器实例。.

灵活的元素选择器. Playwright 可以依靠面向用户的字符串，比如文本内容和可访问性标签来 选择元素（select elements）， 这些字符串比DOM结构紧密耦合的选择器更灵活。

强大的自动化能力#

多个域（Multiple），页面（Pages）和框架 （frames）. 是一个进程外自动化驱动程序，它不受页面内JavaScript执行范围的限制，可以使用多个多个页面（ multiple pages.）实现场景自动化.

强大的网络控制. Playwright引入了context-wide network interception to stub and mock network requests.

Modern web features. Playwright supports web components through shadow-piercing selectors, geolocation, permissions, web workers and other modern web APIs.

覆盖所有场景的功能. 支持文件下载（file downloads）和上传（uploads）, 进程外 iframes, 本地 输入事件（input events）, 甚至是 dark mode.

安装

我是在idea中新创建的项目，之后的操作都是在idea中

1. File->new->project

2.New Project

需要填写name , Build system选择 Maven

3.pom.xml文件中添加playwright的依赖

<dependencies>
<!-- https://mvnrepository.com/artifact/com.microsoft.playwright/playwright -->
<dependency>
<groupId>com.microsoft.playwright</groupId>
<artifactId>playwright</artifactId>
<version>1.28.0</version>
</dependency>
</dependencies>

这里强烈建议version填写为 1.31.0 在写完1.28.0后，idea会一直询问是否升级到1.31.0 升级包后再次运行代码时，会重新下载对应的浏览器。其实浏览器还是最新的，但是playwright升级后就会再次下载浏览器，不如一步到位。

4.Maven的配置

1.填写Maven文件夹地址

2.填写 settings.xml文件地址

3.填写 respository文件夹地址，可以和公司的区分开

Maven配置完后，是不是感觉和TestNG配置很像？对的，其实都是在pom.xml配置中添加依赖，然后通过MVN来下载对应的包。

先clean 然后 compile

好了，所有的配置都完成了，是不是很简单？

今天先到这里，明天我们再写代码来启动浏览器