このページの内容

Awesome Playwright

Playwrightを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

目次

統合

  • @appetize/Playwright - Playwright Test Runner を使い、Appetizeの仮想デバイスで Web・ネイティブアプリのモバイルテストを実行。
  • appwright - Playwright Test Runner で Appium を使うモバイルテスト。
  • artillery-engine-playwright - Playwright による負荷テスト。
  • @axe-core/Playwright - Playwright と Axe の公式統合。
  • axe-playwright - Playwright と Axe の非公式統合。
  • Chromium for Serverless platforms - サーバーレスプラットフォームで Playwright 用に使うビルド済み Chromium バイナリー。
  • CodeceptJS - Node.js 向けの強化されたエンドツーエンドテストフレームワーク。
  • cucumber-playwright - TypeScript を使い、Playwright と Cucumber に基づく E2E テストを書くスターターリポジトリ。
  • @guidepup/Playwright - Playwright 向け VoiceOver・NVDA スクリーンリーダードライバー統合。
  • Happo - 予期しない視覚・アクセシビリティ変更と UI バグを検出。
  • Playwright Angular Schematic - Angular プロジェクトに Playwright Test を追加。
  • playwright-bdd - Playwright runner と CucumberJS による BDD テスト。
  • Playwright CRX - Chrome 拡張としての Playwright codegen。Chrome Web Storeで利用可能。
  • playwright-graphql - Playwright API テスト用の型安全な GraphQL クライアントとフィクスチャを生成。スキーマ・操作生成 CLI と任意のカバレッジ報告を備えます。
  • playwright-pytest - フィクスチャで Playwright ページを使う公式 Pytest プラグイン。
  • Serenity/JS - Screenplay Patternを実装する、Playwright 向け受け入れテスト、レポート、テスト統合フレームワーク。

言語サポート

ユーティリティ

  • @bgotink/playwright-coverage - インストルメンテーション不要で、v8 coverage を使って Playwright テストのカバレッジを報告。
  • BrowserClaw - Playwright 上に構築された、アクセシビリティスナップショットと参照ターゲティングによる AI ブラウザー自動化。
  • eslint-plugin-playwright - Playwright テストのための ESLint プラグイン。
  • @global-cache/Playwright - 並行ワーカーとテスト実行間でデータを共有するキーバリューキャッシュ。
  • Heroshot - ドキュメントのスクリーンショット自動化。視覚的ピッカーで画像を定義し、1コマンドですべて再生成。
  • Libretto - コーディングエージェントがページ検査、ネットワークトラフィックの取得、自動化スクリプト生成を行うための、オープンソース Playwright ベースツールキット・CLI。
  • Moon - Kubernetes クラスターで Playwright テストを並列実行するツール。
  • nextcov - Playwright でテストされた Next.js アプリ向け V8 コードカバレッジ収集・統合。単体、コンポーネント、統合カバレッジを一つのレポートに統一。
  • octomind.dev - AI 支援テストケース発見により自動生成・実行・保守。
  • playwright-best-practices-skill - エージェントを Playwright テストの作成、デバッグ、保守の専門家にする AI Skill。
  • Playwright-cleanup - テスト環境の変更を取り消し、テストクリーンアップを簡素化するツール。
  • playwright-elements - ページオブジェクトの定型を減らす、再利用可能で連鎖可能なコンポーネント要素作成のための Playwright テスト拡張。
  • playwright-magic-steps - JavaScript コメントを Playwright steps に自動変換。
  • playwright-network-cache - ファイルシステム上でネットワーク要求をキャッシュして Playwright テストを高速化。
  • Playwright-performance - Playwright を使ってテストフローのパフォーマンスを測定・分析するプラグイン。
  • playwright-python-language-injection - PyCharm で python-playwright 使用時の CSS/JS シンタックスハイライト用言語注入定義。
  • playwright-skill - ベストプラクティス、POM パターン、CI/CD、移行パスを対象に、コーディングエージェント向け70以上の本番検証済み Playwright skills。
  • playwright-test-coverage - 実行中の Playwright テストからコードカバレッジを収集するプラグイン。
  • Playwright Test for VSCode - VS Code 向け公式 Playwright テスト拡張。
  • playwright-ui5 - sapui5 向けカスタムセレクターエンジン。
  • playwright-xpath - xpath 2・3 向けカスタムセレクターエンジン。
  • POMWright - 自動のネスト・連鎖ロケーター生成を備えた TypeScript ベース Page Object Model フレームワーク。
  • selenosis - カスタムリソースを通じ、Selenium、Playwright、MCP セッションをオンデマンドのブラウザーポッドへルーティングする、ステートレス Kubernetes ネイティブハブ。
  • TestingBot - Playwright テストをクラウド上のブラウザーに接続。
  • Try Playwright - Playwright テストを実行する対話的プレイグラウンド。

スクレイピング・自動化

  • Browserless - stealth・CAPTCHA 処理付きで、WebSocket 経由で Playwright をリモート管理ブラウザーへ接続。
  • browsers-benchmark - ブラウザー自動化エンジンをボット検出システム(Cloudflare、DataDome、reCAPTCHA、Akamai、PerimeterX、Kasada、…)に対してテストするベンチマークツール。
  • camofox-browser - Playwright 互換の自動化バックエンドとして使える、検出防止機能を組み込んだ stealth ヘッドレスブラウザーサーバー。
  • CloakBrowser - ソースレベルのフィンガープリントパッチと、Python・JavaScript 向け Playwright 互換ラッパーを持つ stealth Chromium。
  • Figranium - 複雑なブラウザーワークフローを視覚的に構築し、API 経由で実行。Docker 化され、Playwright ベースです。
  • Human Browser - 住宅用 IP とデバイスフィンガープリントを持つ管理クラウドブラウザーでスクリプトを実行する Playwright drop-in。A2A + MCP エンドポイントを備えます。
  • invisible_playwright - ソースレベルのフィンガープリント・検出防止パッチを施した Firefox を使う、drop-in Playwright 代替。
  • playwright-captcha - Playwright、Patchright、Camoufox 向け自動 captcha 解決。Cloudflare Turnstile、reCAPTCHA V2・V3 をサポート。

AI・エージェント

  • Playwright Agent CLI - トークン効率のよいコマンドとインストール可能な skills を持つ、コーディングエージェント向けブラウザー自動化の公式コマンドラインインターフェイス。
  • Playwright MCP - Playwright アクセシビリティスナップショットによる LLM のブラウザー自動化を提供する公式 Model Context Protocol サーバー。

レポーター

  • allure-playwright - Playwright Test フレームワーク向け Allure 統合。
  • Checkly - Playwright テスト結果、スクリーンショット、動画、トレースを Checkly プラットフォームへアップロードし、グローバルリージョンでの監視・デバッグを可能にします。
  • currents-dev - 並列 Playwright CI テストをデバッグ、トラブルシューティング、分析するクラウドダッシュボード。
  • echoed - OpenTelemetry データを HTML で可視化してテストを観測可能にします。
  • kinora - プロジェクト横断・時系列の Playwright レポート向けセルフホスト可能ダッシュボード。成功率、傾向、テストごとの flaky/fail 率、失敗をインラインで開く埋込みトレースビューアーを備えます。
  • monocart-reporter - HTML グリッドに suites/cases/steps を表示する Playwright テストレポーター。
  • Piwi - ライブ実行ストリーミング、プロジェクト横断分析、ロケーター修復、flaky 追跡、MCP サーバー、任意の AI 支援診断を持つセルフホスト Playwright ダッシュボード。
  • playwright-ctrf-json-reporter - CTRF スキーマに従う Playwright JSON テスト結果レポーター。
  • playwright-slack-report - Playwright テスト結果を好みの Slack チャンネルへ公開。
  • playwright-smart-reporter - 安定性グレード、傾向分析、再試行分析、性能追跡、任意の AI による失敗分析を備える機能豊富な HTML レポーター。
  • playwright-tesults-reporter - Playwright から Tesults へテスト結果をアップロードするライブラリ。
  • playwright-xray - テスト実行を Jira / Xray へ送信する Playwright Xray Reporter。
  • qase - テスト実行をqaseへ送信する Playwright Qase Reporter。
  • TestDino - 即時の失敗デバッグ、flaky テスト検出、ML 分類を持つ、Playwright テスト分析向け AI クラウドプラットフォーム。
  • testomatio-reporter - テストを実行し、TCMS testomatio、Jira / Linear / Azure DevOps タスク管理へテスト実行を送信。
  • playwright-timeline-reporter - テスト実行のパフォーマンスとワーカー利用率を最適化する対話的タイムラインレポーター。

ショーケース

  • Elastic APM JS agent - Playwright を使い、ブラウザー横断のベンチマークテストを実行。
  • playwright-examples - Playwright による各種テストシナリオ。
  • TypeScript - Playwright を使い、ブラウザー横断で TypeScript.js をテスト。
  • VS Code - Playwright を使い、Web ビルド上でクロスブラウザーテストを実行。
  • xterm.js - Playwright を使い、クロスブラウザー統合テストを実行。

ガイド

  • Currents Blog - QA 専門家が執筆した Playwright 記事。
  • Playwright Tips (videos) - Playwright を使うテスト・監視の一般的な課題を扱う動画ウォークスルー。
  • Playwright Weekly - インターネットから Playwright 記事・ニュースを集めたキュレーション済みアグリゲーター。
  • playwrightsolutions.com - Playwright 自動テストの問題と解決策のキュレーション済みセレクション。
  • serenity-js.org - Playwright と Serenity/JS Screenplay Pattern でビジネス言語の受け入れテストを書く方法を学ぶ。
  • Testing 3D applications with Playwright on GPU - CI で Playwright テストのハードウェアアクセラレーションを有効にするレシピ。

コントリビュート

コントリビューションを歓迎します。まずコントリビューションガイドラインを読んでください。