Playwright自动化框架录制脚本指南

各种自动化框架都会具备脚本录制功能，而Playwright作为一款强大的自动化框架也不例外。本文将深入探讨微软自动化框架Playwright的脚本录制功能，并详细介绍如何操作。

1.简介

现如今，几乎每种浏览器都支持相应的录制插件，从早期的selenium、Jmeter工具发展到如今的各种自动化框架，都具备了录制功能。Playwright不仅支持自动录制生成脚本，而且在页面上进行点击操作即可自动生成对应的脚本。这篇文章将为您详细介绍Playwright的脚本录制功能。

2.启动脚本自动录制

1.在CMD命令行中输入以下命令，即可开启自动录制功能：

2.执行该命令后，程序将自动打开两个窗口：一个是浏览器窗口，您可以在其中与要测试的网站进行交互；另一个是Playwright Inspector窗口，您可以在其中记录测试、复制测试、清除测试以及更改测试语言。在浏览器窗口进行手动操作时，Playwright Inspector界面将自动生成对应的自动化代码，如下图所示：

3.关闭脚本自动录制

3.1方法一

录制完成后，手动关闭浏览器即可。

3.2方法二

在CMD命令行中，使用快捷键

Ctrl+C

，然后输入

Y

，以关闭自动录制功能，如下图所示：

4.自动保存录制脚本到本地文件

若直接使用“playwright codegen”命令启动脚本录制，录制过程中生成的脚本在关闭浏览器后将丢失。为了解决这一问题，可以使用如下命令启动脚本录制并自动保存生成的脚本到文件中：

使用“-o”命令指定一个本地文件，录制完成后，生成的脚本将保存在该文件中。

5.启动浏览器时，自动打开指定页面

如果未指定访问的页面，录制命令将自动打开一个空白页面。但您可以使用下面的命令，让浏览器在启动后自动打开一个指定页面：

保存到本地的文件：

6.项目实战

6.1同步生成脚本

以百度搜索“北京-宏哥”为例，一个完整的搜索流程代码生成如下：

参考代码：

6.2异步生成脚本

1.启动自动录制脚本。

2.在Target切换到异步，如下图所示：

3.开始录制：一个完整的搜索流程代码生成如下：

参考代码：

6.3pytest框架生成脚本

如果您是编写自动化测试用例，还可以自动生成pytest框架的代码，非常强大。

1.启动自动录制脚本。

2.在Target切换到Pytest，如下图所示：

3.开始录制：一个完整的搜索流程代码生成如下：

参考代码：

7.扩展

7.1录制相关命令操作

Playwright还有许多录制命令操作，有兴趣的读者可以自行尝试。相关命令参数包括：

1. codegen在浏览器中运行并执行操作。

2. Playwright打开一个浏览器窗口，并设置特定的视口大小，没有响应，因此需要在相同条件下运行测试。使用该–viewport选项生成具有不同视口大小的测试。

3. –device使用设置视口大小和用户代理等选项模拟移动设备时记录脚本和测试。模拟移动设备iPhone11，注意：device的值必须用双引号，并且区分大小写。

4. 模拟配色。

5. 模拟地理位置、语言和时区。

6. 保留经过身份验证的状态，运行codegen以在会话结束时–save-storage保存cookie和localStorage。运行–load-storage以消耗先前加载的存储。

7.2page.pause()断点调试

如果您想在某些非标准设置中使用codegen（例如，使用browser_context.route()），可以调用page.pause()，这将打开一个带有codegen控件的单独窗口，用于调试代码。

8.小结

本文详细介绍了Playwright的录制功能，包括启动、关闭和完整录制流程，以及其他命令的录制。感谢您的阅读！

未经允许不得转载：大白鲨游戏网 » Playwright自动化框架录制脚本指南