Playwright教程

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上进行测试。

• 测试手机。使用设备仿真在移动Web浏览器中测试您的自适应Web应用程序。

• 无报文头与有报文头。Playwright支持所有浏览器和所有平台的无头（无浏览器UI）和有头（有浏览器UI）模式。有报文头模式适用于调试，而无报文头适用于CI / cloud执行。

拥有快速可靠的执行

• 自动等待APIs。Playwright交互会自动等待直到元素准备就绪。这样可以提高可靠性并简化测试编写流程。

• 无超时自动化。Playwright会接收浏览器信号，例如网络请求，页面导航和页面加载事件，以消除导致睡眠中断的烦恼。

• 与浏览器上下文保持并行。对于多个并行孤立的浏览器上下文可执行环境重复使用一个单独的浏览器实例。

• 弹性元素选择器。Playwright可以依靠面向用户的字符串（例如文本内容和可访问性标签）来选择元素。这些字符串比紧耦合到DOM结构的选择器更具弹性。

拥有强大的自动化功能

• 多个域，页面和框架。Playwright是一种进程外自动化驱动程序，不受页面内JavaScript执行范围的限制，并且可以自动执行具有多个页面的方案。

• 强大的网络控制。Playwright引入上下文范围的网络拦截以便进行终止或者模拟网络请求。

• 现代网络功能。Playwright通过插入阴的选择器，地理位置，权限，Web Worker和其他现代WebAPI支持Web组件。

• 涵盖所有场景的能力。支持文件下载和上传，进程外iframe，原生输入事件，甚至是深色模式

与selenium对比

Selenium 架构

 蓝色图中的Selenium Language Binding就是我们平时使用的编码语言，包括java、python等等。可以看到这些语言并没有直接与Browser Drivers进行通信，而是通过了JSON WireProtocol，这就是webdriver协议，然后通过webdriver协议在与各个浏览器的driver进行通信，最后各个浏览器的driver与其对应的浏览器进行通信。这里我们以chromedriver为例进行讲解，他负责与chrome浏览器进行通信。我们在代码中直接 newChromeDriver() 将会启动一个 ChromeDriver进程，ChromeDriver是一个独立的服务，它是google为网站开发人员提供的自动化测试接口，是 selenium 和chrome浏览器进行通信的桥梁。chromeDriver解析webdriver协议，然后根据解析结果，调用与之对应的Chrome DevTool Protocol（CDP）协议来操控chrome浏览器，它可以和浏览器内核进行交互进而操控浏览器，这里就不对该协议进行详细介绍了。另外，其他浏览器的dirver与其对应浏览器的通信原理与ChromeDriver类似

Playwright 架构

 client：在客户端是我们用不同的编程语言编写的代码，如JavaScript，Java，Python，C#等。
 server：Playwright的server通过nodejs构建并负责与client 以及不同的 Web 浏览器引擎进行通信。
 通信协议：client通过WebSock