Playwright调试技巧：日志记录与网络请求拦截

1. Playwright的调试工具

• 调试工具的重要性：调试是自动化测试中不可或缺的环节，Playwright提供了丰富的调试功能。

• 调试工具的种类：包括截图、录屏、日志记录、网络请求拦截等。

2. 日志记录

• 日志记录的作用：记录测试过程中的关键信息，便于问题排查和分析。

• 启用日志记录：如何启用和配置日志记录。

  Python复制

  from playwright.sync_api import sync_playwright
  
  def enable_logging():
      with sync_playwright() as p:
          browser = p.chromium.launch(headless=False)
          page = browser.new_page()
          # 启用日志记录
          page.on("console", lambda msg: print(f"Console: {msg.text}"))
          page.on("request", lambda req: print(f"Request: {req.url}"))
          page.on("response", lambda res: print(f"Response: {res.url} - {res.status}"))
          page.goto("https://example.com")
          browser.close()
  
  enable_logging()

3. 网络请求拦截

• 网络请求拦截的作用：捕获和修改网络请求，验证API响应或模拟网络故障。

• 拦截请求的实现：如何拦截和修改请求。

  Python复制

  from playwright.sync_api import sync_playwright
  
  def intercept_requests():
      with sync_playwright() as p:
          browser = p.chromium.launch(headless=False)
          page = browser.new_page()
          # 拦截请求
          page.route("**/*", lambda route: route.continue_())
          # 模拟网络故障
          page.route("https://example.com/api/data", lambda route: route.abort())
          page.goto("https://example.com")
          browser.close()
  
  intercept_requests()

4. 截图与录屏

• 截图与录屏的作用：记录测试过程中的页面状态，便于问题复现。

• 截图与录屏的实现：如何进行截图和录屏。

  Python复制

  from playwright.sync_api import sync_playwright
  
  def capture_screenshot_and_video():
      with sync_playwright() as p:
          browser = p.chromium.launch(headless=False)
          page = browser.new_page(record_video_dir="videos/")
          page.goto("https://example.com")
          # 截图
          page.screenshot(path="screenshot.png")
          # 录屏
          page.wait_for_timeout(5000)
          browser.close()
  
  capture_screenshot_and_video()

5. 实战示例：调试动态网页

• 代码示例：结合日志记录、网络拦截和截图功能，调试一个动态加载的网页。

  Python复制

  from playwright.sync_api import sync_playwright
  
  def debug_dynamic_page():
      with sync_playwright() as p:
          browser = p.chromium.launch(headless=False)
          page = browser.new_page(record_video_dir="videos/")
          # 启用日志记录
          page.on("console", lambda msg: print(f"Console: {msg.text}"))
          page.on("request", lambda req: print(f"Request: {req.url}"))
          page.on("response", lambda res: print(f"Response: {res.url} - {res.status}"))
          # 拦截请求
          page.route("https://example.com/api/data", lambda route: route.fulfill(status=500, body="Error"))
          page.goto("https://example.com")
          # 截图
          page.screenshot(path="screenshot.png")
          browser.close()
  
  debug_dynamic_page()

6. 注意事项

• 日志记录的性能影响：日志记录会增加测试的性能开销，建议在调试完成后关闭。

• 网络拦截的使用场景：合理使用网络拦截，避免影响正常测试流程。

• 截图与录屏的存储：确保截图和录屏文件的存储路径正确，避免覆盖或丢失。

7. 总结

Playwright的调试工具功能强大，能够有效提高测试的稳定性和效率。通过合理使用日志记录、网络请求拦截和截图功能，可以快速定位和解决问题。希望本文能帮助你在实际项目中更好地应用Playwright的调试功能。

这篇博客通过深入讲解Playwright的调试工具和功能，结合实际代码示例和注意事项，帮助读者掌握Playwright在复杂测试场景中的调试技巧。