playwright

第一篇 Playwright

end to end自动化测试神器

• 下面首先简单介绍了Playwright是什么，如何setup运行环境，执行测试Run test，以及不需要写一行代码如何生成自动化测试用例。

• 作为Playwright入门介绍的实战教程，本文可帮你快速了解Playwright，上手Playwright环境安装搭建，并在不需要写代码的情况下快速落地开始自动化测试。

Playwright是什么

提到自动化测试，尤其是end-to-end自动化测试框架，你也许听过不少，例如Selenium、Cypress等，那么Playwright又有哪些独特之处？

有几个关键词可以描述Playwright这个自动化测试框架

主要特性

• 微软开源（open source framework created by Microsoft）

•  可靠的端到端框架（relaiable end to end framework）

• 一个接口实现了跨平台、跨浏览器、跨语言的支持（one API） 具体来说：

  • 多平台，Windows、MacOS、Linux 等

  • 多语言，Python、Typescript、Javascript、Java、C# 等

  • 浏览器，Chrome、Firefox、Safari 等

使用体会

我使用下来的体会是：运行速度很快，稳定性好，支持cicd，调试可视化日志丰富，支持代码生成用例，对新手比较友好。

在2024年，了解和掌握Playwright可以让你在就业市场保持多一点竞争力。有关更详细的介绍，大家也可以多查查官网的介绍内容：

Playwright官网

为什么选择Playwright

•  如果你是新手小白，想学习自动化测试，又无从下手，那么Playwright提供了很好的选择，你可以先通过codegen也就是代码生成来快速实现自动化用例；

• 如果你是中高级测试老师傅，有Selenium、Web Driver、Cypress等end-to-end测试的脚本开发、调试、维护经历，以及在测试运行速度、测试运行可靠度、测试脚本开发效率、后期维护工作量等方面有体会，你会很容易上手Playwright的不同之处，以及如何让你爱不释手的；

• 如果你是测试团队的leader或者测试开发、测试架构师，面临自动化工具框架选型，以及落地研发团队要求的cicd，end-to-end自动化、敏捷迭代等诉求，不妨可以考察和尝试playwright这款框架。

以上，总结来说，Playwright提供了

1. 1. 快速而可靠的执行， Fast and Reliable Execution

2. 2. 低成本代码生成，codegen代码生成用例人人都可以掌握

3. 3. 结合以上12就形成了市场上**新的就业竞争力**

如何搭建安装Playwright

Playwright具备跨平台、跨浏览器、跨语言的特点。你可以选择你熟悉和喜欢的语言和浏览器，以下示例基于微软全家桶组合：

• VSCode代码编辑器

• Edge浏览器

• Playwright库

• Windows10操作系统，当然你也可以使用win11

安装步骤是：

1. 安装Node.js

先用node -v检查电脑是否有安装node，没有的话去 官网下载最新版本，安装即可

node.js官网下载

2. 安装vscode

官网选择最新版本，下载安装即可。

安装好后，新建一个目录，并启动VSCode

mkdir  d:/demo
cd d:/demo
code .

3. 在vscode中安装playwright test插件

vscode下载安装好以后，可以直接打开，点击左侧边栏上的Extensions图标，在输入框输入playwright test，第一个结果选中安装。

4. 在控制面板中install playwright

菜单查看->控制面板打开控制面板（快捷键shift+ctrl+p，MacOS上快捷键Shift+cmd+p），输入test playwright，出来的下拉框选择浏览器比如chromium回车安装。

如何执行Playwright测试

Playwright提供了2种方式运行测试

1. GUI界面 如果你按照以上的步骤按照了Node.js、VSCode、Test Playwright、Chrome浏览器 默认装好了examples样例，如下面的界面，直接点击其中的绿色小箭头即可执行测试。

   

2. 2. 命令行方式 打开命令行窗口（例如：开始->运行->输入cmd后回车）执行所有测试-执行所有测试