微软开源的WebUI自动化测试神器Playwright

曾经终败给现在 2021-09-25 02:16 994阅读 0赞

**使用Playwright进行快速可靠的跨浏览器测试**

前言：  
现如今，Web开发与发布的速度是非常快的；Web应用变得越来越复杂，而且可以在所有设备上运行——我们的手机、平板电脑和台式机等，每个设备都运行不同的浏览器引擎。速度和目标的增加给测试过程带来了巨大的压力: 跨浏览器的自动化测试越来越重要。

end-to-end的自动化测试功能非常强大：至少在理论上，通过复制用户交互行为，它们可以验证功能、性能和可用性。  
但在实践中，end-to-end测试可能很慢，不稳定且难以维护。

今天我们就来隆重介绍一下Playwright，它是一个跨浏览器的自动化库，将其用于测试时显得更加快速、可靠和强大。  
![3ee87358cceb8c44dff5c1e15041831b.png][]  
Playwright可以跨多种浏览器测试网络应用:

*  基于chromium的浏览器，如谷歌Chrome和新的Microsoft Edge；
 *  基于webkit的苹果Safari；
 *  基于gecko的Mozilla Firefox；

现在，Playwright 1.7.0已经在npm上可用了。

借助单个API，Playwright可以在基于可靠和快速执行的基础上跨不同的浏览器自动执行各种场景。

### Playwright通过无超时自动化提高了可靠性    ###

现在的Web应用程序样式丰富且交互性强，并动态响应用户的操作。诸多的异步行为使应用程序难以实现自动化预测，网络请求可能比平时花费更长的时间，导致一直在加载的状态。

Playwright为UI准备了自动等待，这有助于测试者创建可靠且易于编写的测试。  
例如，点击页面时，将自动等待目标元素可见并可用。  
这样，开发人员或者测试人员可以编写专注于测试场景的测试用例，而不是针对时间或UI状态的测试。久而久之，这显著提高了测试代码的可维护性。

实际上，Playwright使用了事件驱动的架构，可以侦听浏览器事件。Playwright测试可以准确地等待DOM更改、网络请求，甚至新的控制台日志。Playwright使用与浏览器的开发者工具(F12)相同的协议，这些工具是开发人员都熟悉而且喜欢的工具。

通过精确的浏览器事件，自动化脚本可以避免超时。在传统的end-to-end测试中，等待应用加载完成通常是管理异步行为的唯一方法。但是，超时是一个滑坡效应：它们总是导致不一致的失败或“不稳定的测试”。  
如下图，自动等待页面操作和API，以实现更精细的控制。

![eb0fc7f31221619a319ad846784895f4.gif][]

### Playwright可扩展的自动化：快速，并行执行 ###

Playwright旨在 在本地和云环境中提供快速、并行的自动化测试；Chromium，Firefox或WebKit的单个实例可以创建多个隔离的并发的浏览器上下文。这显着提高了性能，并支持独立的多页面模拟场景。

一个浏览器可以承载多个web页面并定义上下文级的行为，例如网络拦截或身份验证凭据。浏览器上下文还可以模拟移动视图，模拟地理位置和区域环境。这使单个WebKit实例可在多个设备配置上并行执行多个页面场景：desktop，iPhone和iPad。

### 现在和未来的Web自动化 ###

Web平台比以往任何时候都更有强大，而且还在不断发展。Playwright的出现是为了跟上网络浏览器和Web应用程序不断增长的功能。它还包括渐进式Web应用程序（PWA）使用的更新的浏览器功能。  
Playwright可以通过一个API自动化实现Chromium，Firefox和WebKit的多种功能：

*  模拟移动视图，权限，地理位置和区域设置
 *  通过shadow-piercing选择器支持Web组件
 *  网络拦截，用于修改和模拟网络活动
 *  文件上传和下载
 *  跨多个框架，选项卡和弹出窗口的方案
 *  来自鼠标和键盘的可信赖本机输入事件
 *  网络工作者和进程外iframe  
    
    
    Playwright-可以拦截网络请求，从而中止，修改或模拟网络请求，如下：  
    ![00651b8346a09dee18a90f5a395136e2.gif][]

### Playwright入门：在本地和CI ###

目前在npm上更新到Playwright 1.7.1  
官网地址：https://www.npmjs.com/package/playwright  
![7df54ff3f43fe48257d5e2d5cc5f4cb1.png][]

### 安装Playwright ###

//Step 1、安装 playwright-python 依赖库 
    pip3 install playwright
    
    //Step 2、# 安装浏览器驱动
    //将主流的Chromeium、Firefox、Webkit浏览器驱动下载到本地
    python -m playwright install

Win系统安装过程如下图：  
![03b746f8dc95cb404ec0ca636c2edf6b.png][]

更多的实战可以参考上一篇文章：  
[微软最强 Python自动化工具开源了！不用写一行代码！][Python]  
后续将继续更新该系列的文章。

如果你觉得文章还不错，请大家 **点赞、分享、留言**** **下，因为这将是我持续输出更多优质文章的最强动力！

**Appium教程：**

1.  **[Appium移动端自动化测试--基础预热][Appium_--]**
2.  **[Appium移动端自动化测试--搭建测试环境][Appium_-- 1]**
3.  **[Appium移动端自动化测试--录制测试用例并运行][Appium_-- 2]**
4.  **[Appium移动端自动化测试--使用IDE编辑并强化脚本][Appium_--_IDE]**
5.  [**Appium移动端自动化测试--控件定位方法**][Appium_-- 3]  
    
6.  [**Appium移动端自动化测试--元素操作与触摸动作**][Appium_-- 4]  
    
7.  [**Appium移动端自动化测试--搭建模拟器和真机环境**][Appium_-- 5]  
    
8.  [**Appium移动端自动化测试--测试用例改造**][Appium_-- 6]  
    
9.  **[Appium移动端自动化测试--capability使用和常用设备交互命令][Appium_--capability]**

**文章合集**

[**Selenium **][Selenium]**| ****[Appium  ][Selenium]|**** [Jenkins  ][Jenkins]****|****  [Jmeter][] **

**[软件测试方法汇总][Link 1] ****|**** [测试用例设计][Link 2] ****|**** [APP抓包][APP]**  
**[POSTMAN教程大全][POSTMAN]**** | [Postman接口参数化][Postman]**

**视频教程**

[**Selenium **][Selenium 1]**|**** [Appium ][Selenium 1]****|**** [Jenkins ][Selenium 1]****|**** [Jmeter][Selenium 1]**

**微信群：**  
**软件自动化测试交流群****已创建，****公号****回复****入群****即可获取入群二维码。**

[3ee87358cceb8c44dff5c1e15041831b.png]: /images/20210923/72fb33c2d02840e88de6c12e36aa8350.png
[eb0fc7f31221619a319ad846784895f4.gif]: /images/20210923/410f782036d64a5c8debe365c06b0c69.png
[00651b8346a09dee18a90f5a395136e2.gif]: /images/20210923/73f0064ecbd742b3964fe4091b5f9e07.png
[7df54ff3f43fe48257d5e2d5cc5f4cb1.png]: /images/20210923/134be32820ef4e6b837f52f0d99fdf93.png
[03b746f8dc95cb404ec0ca636c2edf6b.png]: /images/20210923/cdc7c43d4efe4d148a98a8a2bbdd99ce.png
[Python]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc819dc8c410f03904e3dbd9bc4b596d671ee70786ad63bc7b09421f3e78f6196e2087b03&idx=1&mid=2247485895&scene=21&sn=48dd06035db7c5c1d7ccfa337694c98b#wechat_redirect
[Appium_--]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc52edc8c4c3861e405c040b3cf8cc9c78eb46f5e6403467c19077495e50dd8730af0c0a0&idx=1&mid=2247484656&scene=21&sn=ebc31f30de0926097ee5e242272d7a2e#wechat_redirect
[Appium_-- 1]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc52fdc8c4c39ff4896c4e70aeed05680c62d736ae271b9f29008f6b467fafda793757838&idx=1&mid=2247484657&scene=21&sn=469463602a31876846daa02952cc50ff#wechat_redirect
[Appium_-- 2]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc52ddc8c4c3bedf257dc49c62843dc3442ea399d1d70a4f2420ff8c6dfa87122c9e2a074&idx=1&mid=2247484659&scene=21&sn=679cc81f65351afa13a904e3549a1d4e#wechat_redirect
[Appium_--_IDE]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc52adc8c4c3c9579410b37a28bb3cd7ca3b34391302ec510b2ce54c4f4fce3183776556e&idx=1&mid=2247484660&scene=21&sn=fc9db062ff52b7c1b2108a087f87f6ae#wechat_redirect
[Appium_-- 3]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc4d9dc8c4dcf2911516517eb6a82d5bf48fa675f0075b20cc0cb6b8fcb8ef3a4b89d88f9&idx=1&mid=2247484679&scene=21&sn=676f0a177261bd74f2f7d9f5db5233fa#wechat_redirect
[Appium_-- 4]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc4cddc8c4ddbe530b6835d30b242b3220770c28e9b690948225e9398e8757a8073579242&idx=1&mid=2247484691&scene=21&sn=25722d70d3ba07411984b7e6219ffea5#wechat_redirect
[Appium_-- 5]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc4cadc8c4ddce819ffb3b421c1166f9fbafd1c72a679a9f127f18ca4994ea69de9786014&idx=1&mid=2247484692&scene=21&sn=e20c1bd31dbb268f2f6e4eead0c0ff83#wechat_redirect
[Appium_-- 6]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc4c6dc8c4dd0ac4e484da91913d8b261b54545bf88178f18ae3b7db2f84d33f402b7dba8&idx=1&mid=2247484696&scene=21&sn=f2a66fca309ad9212e67acb815960731#wechat_redirect
[Appium_--capability]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc4fedc8c4de854b74410660f1a8f91cdd1d9dac90fbd16c05c706241d6374422356ccfb5&idx=1&mid=2247484704&scene=21&sn=0c2b777e9d067dab8544742a34939aea#wechat_redirect
[Selenium]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc499dc8c4d8f565ccdca7d5cb70f6dce47d90fe96b699903eca4cf72409f4e3b5e81726f&idx=3&mid=2247484743&scene=21&sn=968a9fa0744c8278a68d320d082341a9#wechat_redirect
[Jenkins]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc489dc8c4d9fd135aacdaa19d08fe5d9885047ad4aa97514b796530cf1a7f2fb0f41dbe7&idx=1&mid=2247484759&scene=21&sn=02762b57fb12a47f8d88dee78a9d6034#wechat_redirect
[Jmeter]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc50bdc8c4c1d7f692af1a6828fcb737a702a6a39aa651adb5abb8fdbe68149b372c508dc&idx=1&mid=2247484629&scene=21&sn=9de0fa26c8d803281de3cd8388a181c6#wechat_redirect
[Link 1]: https://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc5bcdc8c4caafd14f80adc0d04f9fa49f4fa3ac608fefa6b52f7d11378ea4bf81df758dd&idx=1&lang=zh_CN&mid=2247484514&scene=21&sn=b350893a3ff14a5159f1295733080836&token=1967909125#wechat_redirect
[Link 2]: https://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc3fbdc8c4aed581a98e6830a08a780cf702e2285855787a58d8ca2cae7c74a96938a1f07&idx=1&lang=zh_CN&mid=2247483941&scene=21&sn=55d25f3dbaf23a402e2d48cce48f95e7&token=1967909125#wechat_redirect
[APP]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc9cfdc8c40d9c7919631ad755b0b11e71bd8ff1f9a37141b5acd9ac7e2e25f7d7d0c9995&idx=1&mid=2247485457&scene=21&sn=3066f681a2087faf3f8c969a11d76e1e#wechat_redirect
[POSTMAN]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbcbc8dc8c42de06aef78a4c0b64cd5048eb5a6b733a1e07c927c731114d7bfbbde20948be&idx=1&mid=2247485974&scene=21&sn=33be6f0a4c2938fac903b9c1a69e3330#wechat_redirect
[Postman]: https://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc4d3dc8c4dc5459a81d1ec6307639ab3257d2e53796001399c38fa286333f02eef3e8b4e&idx=1&lang=zh_CN&mid=2247484685&scene=21&sn=6065d7a665f41076d3a60e3f792cdca6&token=1967909125#wechat_redirect
[Selenium 1]: http://mp.weixin.qq.com/s?__biz=MzI4NDQ5ODA5Nw%3D%3D&chksm=ebfbc461dc8c4d77f24a2caac348c1b221c50b51348c254467c5b08679812caa1f328e6472ac&idx=1&mid=2247484863&scene=21&sn=955d0f67ac699760ad759c7a0d496ce1#wechat_redirect