Playwright Browser Automation

🚀 Playwright

Playwright 是一款強大的自動化測試工具，可用於對網頁進行自動化測試，能支持多種瀏覽器，幫助開發者高效地完成測試任務。

🚀 快速開始

使用 Playwright 進行測試，可按以下步驟操作：

1. 安裝 Node.js：確保系統中已安裝 Node.js 和 npm。
2. 安裝 Playwright：

   npm install -g playwright
   

3. 初始化項目：

   mkdir my-playwright-project
   cd my-playwright-project
   playwright init --ts
   

4. 選擇瀏覽器：根據提示選擇需要的瀏覽器（如 chromium、firefox 或 webkit）。
5. 編寫測試腳本：創建 playwright.config.ts 文件並配置測試選項。
6. 運行測試：

   npm run test
   

💻 使用示例

基礎用法

import { test, expect } from '@playwright/test';

test('搜索關鍵字', async ({ page }) => {
  // 打開瀏覽器
  await page.goto('https://www.baidu.com');
  // 輸入搜索關鍵字
  await page.type('.kw', 'Playwright');
  // 點擊搜索按鈕
  await page.click('#su');
});

高級用法

// playwright.config.ts 配置文件示例
module.exports = {
  testDir: './tests',
  forbidOnly: !!process.env.CI,
  requireOrder: ['playwright/test/fetch'],
  workers: process.env.CI ? 1 : undefined,
  reporter: 'html',
  use: {
    baseURL: 'http://localhost:3000',
    browser: 'chromium',
    chromium: {
      // 設置為無頭模式
      headless: true,
      // 設置 viewport 大小
      viewport: { width: 1920, height: 1080 }
    },
    // 配置 firefox 或者 webkit 的參數
  },
};