Playwright Browser Automation

🚀 Playwright

Playwrightは、Webブラウザの自動化とテストを行うための強力なツールです。このツールを使用することで、様々なブラウザでのテストを簡単に行うことができます。

🚀 クイックスタート

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 的参数
  },
};