使用Playwright在隐身模式下进行测试

介绍

隐身模式或隐私浏览是现代浏览器的一项功能，允许用户在浏览时不保存历史记录、cookie 或其他会话数据。在隐身模式下进行测试对于确保您的应用程序能够按照偏好隐私浏览的用户的预期运行至关重要。Playwright 可以轻松模拟和自动化隐身模式下的测试。在这篇文章中，我们将探讨如何有效地使用 Playwright 在隐身模式下进行测试。

1. 为什么要以隐身模式进行测试？

在隐身模式下进行测试至关重要，原因如下：

没有存储的 Cookie 或缓存：确保您的应用程序无需依赖缓存数据或现有会话即可运行。

注重隐私的用户：为喜欢隐私浏览的用户验证功能。

会话隔离：测试需要独立运行多个会话的场景。## 2. 使用 Playwright 设置隐身模式

Playwright 提供了一种直接的方法来创建模拟隐身模式的浏览器上下文。

**a. 创建隐身浏览器环境**

使用 `browser.newContext()` 创建隐身上下文，而不与其他上下文共享 cookie、缓存或本地存储。

**例子**：

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext(); // Incognito mode
  const page = await context.newPage();

  await page.goto('https://example.com');
  console.log(await page.title());

  await browser.close();
})();

3.隐身模式下的常见测试场景

**a. 登录功能**

测试登录工作流程，以确保在没有存储 cookie 或会话数据的情况下身份验证仍然有效。

await page.goto('https://example.com/login');
await page.fill('#username', 'testuser');
await page.fill('#password', 'password123');
await page.click('#login-button');
await expect(page).toHaveURL('https://example.com/dashboard');

**b. Cookie 同意横幅**

验证当没有存储先前的偏好设置时，cookie 同意横幅是否会按预期出现。

await expect(page.locator('#cookie-banner')).toBeVisible();

**c. 购物车和结账流程**

模拟购物体验，以验证购物车持久性和结账流程，无需预先存在的会话。

4. 在隐身模式下调试测试

**a. 启用调试**

以头戴式模式运行 Playwright 测试，以可视化交互：

npx playwright test --headed

**b. 使用 Playwright Inspector**

激活 Playwright Inspector 进行逐步调试：

npx playwright test --debug

**c. 捕获跟踪**

生成跟踪文件来诊断问题：

await page.tracing.start({ screenshots: true, snapshots: true });
await page.goto('https://example.com');
await page.tracing.stop({ path: 'trace.zip' });

5.隐身模式测试的最佳实践

隔离测试：每个测试使用单独的隐身环境以避免状态共享。

验证隐私功能：确保会话之间没有数据残留。

测试边缘案例：模拟阻止 cookie 或禁用 JavaScript 等场景。

与网络模拟相结合：使用 Playwright 的 page.route 模拟私人会话的后端响应。## 6. 在 CI/CD 管道中自动化隐身模式

要将隐身模式测试纳入您的 CI/CD 管道：

配置您的 Playwright 测试以启动隐身环境。

集成 Playwright 的 GitHub Action 或其他 CI 工具。

生成 HTML 报告来分析测试结果：

export default defineConfig({
  reporter: [['html', { outputFolder: 'playwright-report' }]],
});

7. Playwright 隐身模式配置示例

以下是在隐身模式下运行所有测试的示例配置：

import { defineConfig } from '@playwright/test';

export default defineConfig({
  use: {
    contextOptions: {
      ignoreHTTPSErrors: true,
      permissions: [],
    },
  },
});

结论

在隐身模式下进行测试是确保所有用户的隐私和可靠性的关键方面。Playwright 支持创建隔离的浏览器上下文，这使其成为自动化这些测试的绝佳工具。通过采用本文概述的做法，您可以自信地在隐私浏览场景中验证应用程序的功能。

您是否尝试过使用 Playwright 以隐身模式进行测试？请在下方评论中分享您的经验和技巧！

CLIS.CC