playwright-dev は何をしますか？

Playwrightの開発方法を解説 - APIの追加、MCPツール、CLIコマンド、ベンダー依存関係について。

概要

このスキルは、Playwrightプロジェクトの開発ワークフローを理解し、新しい機能を追加したり、既存のコードを修正したりするためのガイドを提供します。主に以下のトピックをカバーします。

git clone https://github.com/microsoft/playwright.git
cd playwright

フィーチャーブランチを作成する: 新機能や修正ごとにブランチを切ります。
```
git checkout -b my-feature-branch
```
ソースコードを変更する: 修正内容に応じて適切なディレクトリ（packages/playwright-core/src/ など）でコードを編集します。
テストを追加する: 変更を検証するためのテスト（ユニットテスト、統合テスト）を追加します。テストは tests/ ディレクトリに配置します。
ビルドとテストを実行する: 変更が正しく動作することを確認します。
```
npm run build
npm run test
```
コミットしてプルリクエストを作成する: 変更内容をコミットし、GitHub上でプルリクエストを開きます。

新しいAPIを追加するには、以下の手順に従います。

型定義を更新する: packages/playwright-core/types/types.d.ts で新しいメソッドやプロパティの型を定義します。
実装を追加する: 対応するソースファイル（例: packages/playwright-core/src/server/frames.ts）にロジックを実装します。
テストを書く: 新しいAPIが期待通りに動作することを確認するテストを tests/ に追加します。
ドキュメントを生成する: npm run doc を実行して、自動生成されるAPIドキュメントを更新します。

MCPツールは、mcp パッケージ内で管理されています。新しいツールを追加する場合は、以下の手順を参考にしてください。

新しいCLIコマンドを追加するには、packages/playwright-core/src/cli/ 以下のファイルを編集します。

Playwrightは、ブラウザベンダーが提供するプロトコルやバイナリに依存しています。これらの更新は vendor/ ディレクトリで管理されます。

プロトコル定義の更新: vendor/protocol/ 以下のJSONファイルをベンダーが公開する最新バージョンに置き換えます。
ブラウザバイナリの更新: vendor/browsers.json で新しいバージョンを指定し、npm run build を実行して反映します。