Playwright介绍-end to end自动化测试神器

Playwright是什么

Playwright 是一个很厉害的工具，就像一个“智能机器人”，它能帮你自动完成一些在网页上的操作。比如，它可以自动打开网页、点击按钮、，甚至还能检查网页上显示的内容是否正确。这在测试网页应用的时候特别有用，能帮你节省很多时间和精力。

为什么选择Playwright

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

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

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

如何搭建安装Playwright

1，安装Node.js

2. 安装vscode

3. 在vscode中安装playwright test插件

4. 在控制面板中install playwright

如何执行Playwright测试

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

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

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

// 执行所有测试
npx playwright test

// 执行指定文件
npx playwright test example.spec.ts 

// --ui参数：带界面执行，有每一步执行画面步骤截图
npx playwright test --ui //带ui界面执行


// --headed参数：有头模式，开启浏览器
npx playwright test --headed

// --debug参数：调试模式
npx playwright test –debug

// -g参数：指定具体测试case
npx playwright test -g "add a todo item" //指定测试用例执行

// --project参数：指定项目例如运行等浏览器
npx playwright test --project webkit //指定浏览器

Playwright如何生成自动化测试

如果你完成了以上2步，恭喜你，接下来终于进入到用例生成，也就是codegen自动化生成测试用例部分：

以命令行举例，执行命令如下：

npx playwright codegen

会启动一个录制界面，你可以打开浏览器，输入测试网址，完成点击、输入、调整等常规操作后，playwright会自动化将这些动作录制下来，并自动生成对应测试代码，你可以在后续测试中运行、修改、测试这些代码。

总结

Playwright作为微软开源的端到端自动化测试框架，容易上手，运行快速，稳定可靠等特点。值得测试人员、测试开发人员、研发人员、产品项目等不同角色人员学习关注，尤其适用于敏捷环境快速迭代。较为高效生成自动化测试用例，帮助产研团队专注于高价值产品功能交付。