Playwright

Browser

会話でPlaywrightのテストを作成、実行、維持 — NeotaskはOpenClawを使ってクロスブラウザのテスト自動化を速く信頼性高くします。

できること

Playwrightテストの生成

ユーザーフローを平易な英語で説明するとNeotaskが完全なPlaywrightテストファイルを作成します — 適切なtest.describeブロック、ロールベースのロケーター、ソフトアサーション、フィクスチャ、beforeEachセットアップ付き。Playwrightが推奨するパターンに従ったテストが最初から得られ、3回書き直す必要がありません。

失敗したテストのデバッグと修正

失敗したテスト、スクリーンショット、エラートレースを貼り付けるとNeotaskが何が悪かったかを診断します: タイミングの問題、厳密モード違反、間違ったロケーター戦略、ネットワーク待機の欠落、アサーションの不一致。修正の明確な説明付きで修正されたテストを取得できます。

クロスブラウザオートメーションスクリプトの作成

テスト以外にも、PlaywrightをスクレイピングやオートメーションにPlaywrightが使用できます。NeotaskはChromium、Firefox、WebKit全体で実行するスクリプトを生成します。

テストインフラのセットアップ

playwright.config.tsを設定するようNeotaskに依頼できます — 各ブラウザのプロジェクト、レポーター設定、リトライ数、ベースURL、CI最適化された並列設定。ドキュメントの全オプションを読まずに本番対応の設定を取得できます。

質問例

  • 「ログインフローのPlaywrightテストを作成して: メールとパスワードを入力し、送信をクリックし、ダッシュボードの見出しが表示されることをアサートして」
  • 「Playwrightテストがボタンのロケーターの'strict mode violation'で失敗している — これがエラーです。修正方法は？」
  • 「カート、住所、支払い、注文確認を含むeコマースのチェックアウトフローの完全なPlaywrightテストスイートを生成して」
  • 「Chromium、Firefox、Safariで3回リトライでテストを実行するplaywright.config.tsを設定して」
  • 「毎朝私の管理パネルにログインしてCSVレポートをエクスポートするPlaywrightスクリプトを作成して」
  • 「TypeScriptでPage Object Modelを使ってこれらのPlaywrightテストをリファクタリングして」

    • プロのヒント

  • ロールベースのロケーターを最初に使用してください — CSSセレクターの代わりにgetByRole()、getByLabel()、getByText()を使うようNeotaskに依頼してください。ロールベースのロケーターはUI変更に対してより堅牢でアクセシビリティ基準に合致しています。
  • 失敗時のTraceビューアー — configでtrace: 'on-first-retry'を有効にするようNeotaskに依頼してください。Playwrightのtraceビューアーは失敗した各テストのスクリーンショットとネットワークログ付きのステップバイステップのタイムラインを提供します。
  • マルチチェックフローのソフトアサーション — 複数の検証可能な要素があるページでは、一つのアサーション失敗でテストの残りの実行が止まらないようにexpect.soft()を使うようNeotaskに依頼してください。
  • コンポーネントテスト — PlaywrightはReact、Vue、Svelteのコンポーネントテストをサポートしています。フルブラウザページなしでコンポーネントを独立してテストしたい場合は@playwright/experimental-ct-reactのセットアップをNeotaskに依頼してください。

    • Works Well With