playwright 自动化测试

<think>好的，我现在需要帮助用户了解如何使用Playwright进行自动化测试，特别是教程或示例代码。根据用户的问题，他们可能对基本的使用方法和代码示例感兴趣。首先，我要回忆Playwright的主要功能和常用命令，尤其是用户提到的codegen命令，这在之前的引用中出现过。用户可能需要从安装开始，逐步了解如何录制脚本、选择浏览器以及保存生成的代码。 接下来，我需要确保回答的结构清晰，分步骤说明，比如安装、录制脚本、示例代码解析等。同时，用户可能需要知道如何手动编写测试脚本，而不仅仅是录制，所以应该包括手动编写的例子。此外，最佳实践部分可以帮助用户避免常见错误，提高测试效率。 还要注意用户提到的系统级指令，比如正确使用LaTeX格式，但在这里可能不太需要数学公式，但如果有技术术语需要强调，可以使用行内代码块或加粗。引用部分需要检查是否正确，用户提供的引用[^1]是关于codegen命令的使用，应该在适当的地方引用，例如在录制脚本的部分。 最后，生成的相关问题需要与Playwright相关，可能包括高级功能、测试框架集成、断言方法等。确保问题能够引导用户深入学习和解决实际中的问题。检查所有步骤是否覆盖了用户的需求，并且示例代码正确无误，语法正确，符合Python的规范。如果有需要，可以添加注释说明代码的功能，帮助用户理解每一部分的作用。</think>以下是如何使用 Playwright 进行自动化测试的详细教程及示例代码： ### 一、环境准备 1. 安装 Node.js（Python 版需 Python 3.7+） 2. 安装 Playwright： ```bash pip install playwright playwright install ``` ### 二、录制脚本（Codegen 功能） 通过命令行工具自动生成测试脚本： ```bash # 默认使用 Chromium 浏览器 playwright codegen https://example.com # 指定 Firefox 浏览器并保存脚本 playwright codegen --browser firefox -o test_case.py https://example.com ``` 录制时会自动打开浏览器和代码生成器，用户操作会被实时转换为脚本[^1] ### 三、基础测试脚本示例 ```python from playwright.sync_api import sync_playwright with sync_playwright() as p: # 启动 Chromium 浏览器 browser = p.chromium.launch(headless=False) page = browser.new_page() # 打开页面并操作 page.goto("https://example.com") page.click("text=More information") # 断言页面标题 assert "Example Domain" in page.title() # 截图保存 page.screenshot(path="screenshot.png") browser.close() ``` ### 四、核心功能解析 1. **多浏览器支持**： ```python # 可切换 chromium, firefox, webkit browser = p.firefox.launch() ``` 2. **元素定位**： ```python # CSS 选择器 page.click("#submit-btn") # 文本定位 page.fill("input[name='username']", "testuser") ``` 3. **等待机制**： ```python # 显式等待元素出现 page.wait_for_selector(".loading", state="hidden") ``` ### 五、最佳实践 1. 使用 Pytest 框架组织测试用例 2. 通过 `playwright.config.js` 配置全局参数 3. 结合 `page.wait_for_load_state('networkidle')` 处理动态加载内容 4. 使用 `expect` 断言库进行验证： ```python from playwright.sync_api import expect expect(page).to_have_title("Example Domain") ```