Playwright实战：网络请求拦截与模拟

1. 网络请求拦截的概念与作用

• 网络请求拦截的定义：网络请求拦截是指在浏览器与服务器之间捕获和修改网络请求和响应。

• 作用：

  • 验证API交互：确保前端与后端的交互符合预期。

  • 模拟网络条件：测试应用在网络不稳定或特定条件下的表现。

  • 调试与优化：捕获和分析网络请求，优化性能。

2. Playwright网络请求拦截的实现

• 拦截请求：如何捕获和修改网络请求。

  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.fulfill(status=200, json={"key": "value"}))
          page.goto("https://example.com")
          browser.close()
  
  intercept_requests()

• 修改请求参数：如何修改请求的URL或参数。

  Python复制

  from playwright.sync_api import sync_playwright
  
  def modify_request_params():
      with sync_playwright() as p:
          browser = p.chromium.launch(headless=False)
          page = browser.new_page()
          page.route("https://example.com/api/data", lambda route: route.continue_(url="https://example.com/api/data?modified=true"))
          page.goto("https://example.com")
          browser.close()
  
  modify_request_params()

3. 网络请求验证

• 验证请求与响应：如何验证请求是否符合预期。

  Python复制

  from playwright.sync_api import sync_playwright
  
  def verify_requests():
      with sync_playwright() as p:
          browser = p.chromium.launch(headless=False)
          page = browser.new_page()
          requests = []
          page.on("request", lambda req: requests.append(req))
          page.goto("https://example.com")
          for req in requests:
              if req.url == "https://example.com/api/data":
                  assert req.method == "GET"
          browser.close()
  
  verify_requests()

4. 实战示例：模拟API响应

• 代码示例：模拟API响应并验证前端行为。

  Python复制

  from playwright.sync_api import sync_playwright
  
  def test_api_response_simulation():
      with sync_playwright() as p:
          browser = p.chromium.launch(headless=False)
          page = browser.new_page()
          # 模拟API响应
          page.route("https://example.com/api/data", lambda route: route.fulfill(status=200, json={"key": "value"}))
          page.goto("https://example.com")
          # 验证前端行为
          data = page.locator("#data-display").text_content()
          assert data == "value"
          browser.close()
  
  test_api_response_simulation()

5. 注意事项

• 性能影响：拦截请求会增加一定的性能开销，建议在调试完成后移除。

• 调试方法：使用日志记录和截图功能帮助调试拦截的请求。

• 环境配置：确保测试环境与生产环境一致，避免因环境差异导致问题。

6. 总结

Playwright的网络请求拦截功能在自动化测试中非常强大，能够有效验证API交互和模拟网络条件。通过合理使用这些功能，可以提高测试的覆盖率和可靠性。希望本文能帮助你在实际项目中更好地应用Playwright的网络请求拦截功能。