Playwrightを使用する

Playwrightとは

Node.js 上で動作するブラウザ自動化ツールです。ブラウザを自動化することで、Web スクレイピング、Web テスト、Web アプリケーションの UI テストなどに利用可能です。
簡単なコードで Web スクレイピングや Web テストなどを実現できます。

npmインストール

# playwright用のブラウザのインストール
npx playwright install

# npm install
npm install playwright

Google検索結果の取得

以下はGoogle検索結果の検索結果を出力するサンプルソースです。

import { chromium } from 'playwright';

(async () => {
    const browser = await chromium.launch();
    const page = await browser.newPage();
    await page.goto('https://www.google.com/');
    await page.type('input[name="q"]', 'Playwright');
    await page.press('input[name="q"]', 'Enter');
    await page.waitForSelector('#search');
    const searchResults = await page.$$eval('#search .g', (results) =>
        results.map((result) => ({
            title: result.querySelector('h3').textContent,
            url: result.querySelector('a').href,
        }))
    );
    console.log(searchResults);
    await browser.close();
})();

操作した内容の記録

以下を実行することで操作した内容を記録することができます。記録内容からPlaywrightの使用方法を研究できます。

npx playwright codegen https://tukkytech.com

参考資料

Playwright Docs
Playwright 入門