告别繁琐：用Playwright实现零代码UI自动化测试，轻松上手！

立刻&坚持

已于 2025-03-14 18:04:18 修改

阅读量859

点赞数 8

文章标签： ui

于 2025-03-14 17:58:24 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44170040/article/details/146262712

版权

本文旨在帮助您快速上手使用 PyCharm 配置和调试 Playwright，学习如何通过 Python 语言实现自动化测试，同时还会介绍 Playwright Inspector 的录制功能，让测试更加高效。

1. 什么是 Playwright？

Playwright 是一个支持多语言（如 Python、JavaScript、C# 等）和多浏览器（Chromium、Firefox、WebKit）的现代化自动化测试框架。其核心功能包括：

跨浏览器测试：支持主流浏览器。
高效的多语言 API：便于开发人员使用。
丰富的功能支持：如移动设备模拟、地理位置模拟、截屏、录像等。

2. 环境准备

在开始之前，请确认以下环境已安装：

Python（建议 3.7 或更高版本）：Python 官方网站下载。
PyCharm IDE：便于开发与调试。

此外，建议通过 pip 安装 pip 最新版本：

bash

pip install --upgrade pip

3. 使用 PyCharm 安装 Playwright

3.1 创建项目

打开 PyCharm，选择 File > New Project。
选择 Pure Python，指定项目路径并点击 Create。
确保 Python 解释器正确配置。

3.2 安装 Playwright

打开 PyCharm 下方的 Terminal。
运行以下命令安装 Playwright：

bash
```
pip install playwright
```
安装 Playwright 浏览器驱动：

bash
```
playwright install
```

此步骤会下载 Chromium、Firefox 和 WebKit 的驱动程序。

3.3 验证安装

运行以下命令，检查安装版本：

bash

python -m playwright --version

如果返回 Playwright 版本号，则表示安装成功。

4. 编写测试代码

在 PyCharm 项目中创建一个新文件，例如 test_playwright.py，然后粘贴以下代码：

python

from playwright.sync_api import sync_playwright

def run_test():
    with sync_playwright() as p:
        browser = p.chromium.launch(headless=False)  # 设置 headless=False 查看测试
        page = browser.new_page()
        page.goto("https://example.com")
        print(f"页面标题是：{page.title()}")
        page.screenshot(path="example_screenshot.png")  # 保存截图
        browser.close()

run_test()

运行方法：右键点击文件，选择 Run 'test_playwright'。

5. 使用 Playwright Inspector 录制测试脚本

Playwright 提供了强大的录制功能，可以帮助您快速生成自动化测试代码。

5.1 启动录制工具

在 PyCharm 的 Terminal 中运行：

bash

playwright codegen https://example.com

5.2 使用录制工具

系统会启动一个新的浏览器窗口。
您在页面上的操作（如点击、输入等）会实时生成脚本。
界面右侧提供了自动生成的 Python 测试代码。您可以复制这些代码直接用于项目中。

例如，以下代码可能是录制工具生成的结果：

python

from playwright.sync_api import sync_playwright

def test_recorded():
    with sync_playwright() as p:
        browser = p.chromium.launch(headless=True)
        page = browser.new_page()
        page.goto("https://example.com")
        page.click("text=More information...")
        page.screenshot(path="recorded_screenshot.png")
        browser.close()

test_recorded()

6. 实际调试运行

6.1 Pycharm底部运行Terminal

#codegen命令 打开指定目标网址
playwright codegen https://pre.****.com/Admin/login

6.2 登录页面录制生成代码

6.3 复制代码到Pycharm中命名如login.py文件执行

6.4 右键代码页面执行run

6.5 执行登录成功

7. 调试技巧

在代码行号左侧设置断点。
选择工具栏中的 Debug 按钮，逐步检查代码执行。
在调试模式中，可实时监控变量的值及页面行为。

8. 常见问题解决

浏览器驱动未安装成功：重新运行：

bash
```
playwright install
```
Python 模块未找到：检查 Python 解释器是否与项目匹配。

通过本文的步骤，您现在应该可以在 PyCharm 中配置 Playwright 并轻松完成自动化测试。如果您有其他问题或更复杂的需求，比如生成测试报告或设置并行测试，欢迎进一步讨论！