软件测试|web自动化测试神器playwright教程(一)

boyanx6个月前技术教程19

前言

提起web自动化测试框架,我们首先想到的就是selenium,selenium基本上成为了必选的web自动化测试框架,测试工程师也必须学这个框架的使用,web自动化测试用例也依靠这个框架去执行。

直到2020年,微软开源了一个名为——playwright的工具,与selenium一样,入门简单,支持多语言,所以playwright开始被更多人注意到了,它甚至比selenium更好用更强大。

playwright的优势

我们上面说了,playwright甚至比selenium更好更强大,那么playwright有哪些优势呢?

  • 跨浏览器和平台跨浏览器。Playwright 支持所有现代渲染引擎,包括 Chromium、WebKit 和 Firefox跨平台。在 Windows、Linux 和 macOS 上进行本地测试或在 CI 上进行无头或有头测试。跨语言。在JavaScript、Python、.NET、Java中都使用 Playwright API测试移动网络。适用于 Android 和 Mobile Safari 的 Google Chrome 浏览器的本机移动仿真。相同的渲染引擎适用于您的桌面和云端。
  • 稳定性自动等待。Playwright 在执行动作之前等待元素可操作。它还具有一组丰富的内省事件。两者的结合消除了人为超时的需要——这是不稳定测试的主要原因。Web优先断言。Playwright 断言是专门为动态网络创建的。检查会自动重试,直到满足必要的条件。追踪。配置测试重试策略,捕获执行跟踪、视频、屏幕截图以消除薄片。
  • 运行机制多重一切。测试跨越多个选项卡、多个来源和多个用户的场景。为不同的用户创建具有不同上下文的场景,并在您的服务器上运行它们,所有这些都在一次测试中完成。可信事件。悬停元素,与动态控件交互,产生可信事件。Playwright 使用与真实用户无法区分的真实浏览器输入管道。测试框架,穿透 Shadow DOM。Playwright 选择器穿透影子 DOM 并允许无缝地输入帧。
  • 完全隔离-快速执行浏览器上下文。Playwright 为每个测试创建一个浏览器上下文。浏览器上下文相当于一个全新的浏览器配置文件。这提供了零开销的完全测试隔离。创建一个新的浏览器上下文只需要几毫秒。登录一次。保存上下文的身份验证状态并在所有测试中重用它。这绕过了每个测试中的重复登录操作,但提供了独立测试的完全隔离。
  • 强大的工具代码生成器。通过记录您的操作来生成测试。将它们保存为任何语言。调试。检查页面、生成选择器、逐步执行测试、查看点击点、探索执行日志。跟踪查看器。捕获所有信息以调查测试失败。Playwright 跟踪包含测试执行截屏、实时 DOM 快照、动作资源管理器、测试源等等。

环境安装

Playwright 是专门为满足端到端测试的需要而创建的。Playwright 支持所有现代渲染引擎,包括 Chromium、WebKit 和 Firefox。在 Windows、Linux 和 macOS 上进行本地测试或在 CI 上进行测试。

注:playwright需要Python3.7或更新的版本

安装playwright只需要一条命令,就是pip安装命令,命令如下:

pip install playwright

安装好playwright之后,我们还需要安装所需要的浏览器,和selenium不同,我们不再是安装对应的浏览器驱动,所以不需要再头疼浏览器驱动版本的问题了。安装命令如下:

playwright install

运行命令后,会安装chromium,firefox 和 webkit浏览器,如下图:

注:如果安装报错,提示缺少Visual C++,则需要安装Microsoft Visual C++ Redistributable 2019

下载地址

直接点击就可以下载了,下载后直接安装即可。

总结

本文主要介绍了playwright的优势,以及讲解了playwright的安装,下一篇文章我们将介绍playwright的简单使用。

标签: js在线测试

相关文章

V8 JavaScript 引擎发布 5.0 测试版

V8 团队发布了 V8 5.0,暂时停留在测试版,预计 Chrome 50 Stable 发布之后就会发布 V8 5.0 正式版。V8 发布进程 一般是在一个 Chrome Beta 里程碑测试的时候...

Top 57个JavaScript面试题和答案大全

近年来,从事JavaScript的程序员越来越多,JavaScript的曝光率也越来越高,如果你想转行试试JavaScript,不妨收下这份面试题及答案,没准用得上。当然,如果针对这些问题,你有更棒的...

推荐一个检测 JS 内存泄漏的神器

大家好,我是 Echa哥。作为一名 Web 应用程序开发者,排查和修复 JavaScript 代码的内存泄漏一直是最困扰我的问题之一。最近,Meta 开源了一款检测 JavaScript 代码内存泄漏...

Web 服务器基准测试:Go vs. Node.js vs. Nim vs. Bun

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发,您的支持是我不断创作的动力。文章大部分内容...

教你怎么用JavaScript检测当前浏览器是无头浏览器

什么是无头浏览器(headless browser)?无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编程来控制无头浏览器自动执行各种任务,比如做测试,给网页截屏等。为什么叫“无头”浏览器?...

Javascript中判断数组的正确姿势

51RGB在 Javascript 中,如何判断一个变量是否是数组?最好的方式是用 ES5 提供的 Array.isArray 方法(毕竟原生的才是最屌的):var a = [0, 1, 2];con...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。