playwright框架详细介绍

一说到自动化测试,第一个反应估计就是Python+selenium这样的一个组合,其实在2020年的时候市面上就出现了另一个有微软发布的一款UI自动化测试工具,叫Playwright.经过几年的迭代和技术的沉淀,该工具受到越来越多的人重视和青睐.

   Best of JS 网站曾经做过一个关于各个测试框架在 GitHub 新增的 star 数量的统计Playwright位于榜首位置，其受欢迎的程度可见一斑.

Playwright凭借自身的优势,在近几年的迭代和技术上的发展,Playwright在自动化测试领域开始崭露头角,使用场景也越来越多.

肯定有人好奇Playwright和selenium区别:

Playwright架构:

client：在客户端是我们用不同的编程语言编写的代码，如JavaScript，Java，Python，C#等。

server：Playwright的server通过nodejs构建并负责与client 以及不同的 Web 浏览器引擎进行通信。

通信协议：client通过WebSocket 协议与Playwright  server 通信；

Playwright使用 Chrome DevTools 协议（CDP）与 Chromium 通信。对于Firefox和WebKit，Playwright 实现了自己的协议，类似于CDP。一旦触发测试，client端代码将被转换为JSON格式，然后使用websocket协议发送到服务器。Playwright通过单个 websocket 协议连接传达所有请求，该连接将保持不变，直到所有测试执行完成。由于命令是在单个连接上发送的，因此测试失败或不稳定的可能性较小，并且命令可以快速执行。这种架构与Selenium相反，Selenium使用HTTP连接协议，并将每个命令（如浏览器打开，单击，发送密钥或关闭浏览器）作为单独的HTTP请求发送。此外，在Selenium中，服务器和客户端之间的连接将在每次请求后终止，并为下一个请求重新建立。最后划重点：这就是Playwright比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启动速度比较快,拥有更多的定位方式,不需要安装驱动,能够在多个平台上运行,提供录制功能实现录制用例视屏,学习上来说Playwright也比较容易,无需封装直接使用.