メインコンテンツへスキップ

テストの生成

はじめに​

Playwright は、すぐにテスト生成機能が利用でき、テストを始めるための素晴らしい方法です。テストしたいウェブサイトを操作するブラウザウィンドウと、テストの記録、コピー、クリア、およびテストの言語変更ができる Playwright Inspector ウィンドウの 2 つのウィンドウが開きます。

学習内容

Codegen の実行​

テストを生成したいウェブサイトの URL を付けて codegen コマンドを実行して、テストジェネレーターを起動します。URL はオプションであり、URL なしでコマンドを実行し、後でブラウザウィンドウに直接 URL を追加することもできます。

mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="codegen demo.playwright.dev/todomvc"

テストの記録​

codegen を実行し、ブラウザで操作を行います。Playwright はユーザーインタラクションのコードを生成します。Codegen はレンダリングされたページを見て、推奨されるロケーターを判断し、role、text、test id ロケーターを優先します。ジェネレーターがロケーターに一致する複数の要素を識別した場合、ロケーターを改善して、ターゲット要素を一意に識別できるようにし、ロケーターが原因でテストの失敗や不安定さを軽減します。

テストジェネレーターで記録できること

  • ページを操作するだけで、クリックや入力などのアクション
  • ツールバーのアイコンの 1 つをクリックし、ページ上の要素をクリックしてアサートすることにより、アサーションを行います。選択できるアサーションは次のとおりです。
    • 要素が表示されていることをアサートする 'assert visibility'
    • 要素が特定のテキストを含んでいることをアサートする 'assert text'
    • 要素が特定の値を持っていることをアサートする 'assert value'

recording a test

​

ページの操作が完了したら、'record' ボタンを押して記録を停止し、'copy' ボタンを使用して生成されたコードをエディターにコピーします。

'clear' ボタンを使用してコードをクリアし、再記録を開始します。完了したら、Playwright Inspector ウィンドウを閉じるか、ターミナルコマンドを停止します。

テストの生成の詳細については、Codegen の詳細ガイドをご覧ください。

ロケーターの生成​

テストジェネレーターで ロケーター を生成できます。

  • 'Record' ボタンを押して記録を停止すると、'Pick Locator' ボタンが表示されます。
  • 'Pick Locator' ボタンをクリックし、ブラウザウィンドウの要素をホバーすると、各要素の下にロケーターがハイライト表示されます。
  • ロケーターを選択するには、特定したい要素をクリックすると、そのロケーターのコードが Pick Locator ボタンの横のロケータープレイグラウンドに表示されます。
  • ロケータープレイグラウンドでロケーターを編集して微調整し、一致する要素がブラウザウィンドウでハイライト表示されるのを確認できます。
  • コピーボタンを使用してロケーターをコピーし、コードに貼り付けます。
​

picking a locator

エミュレーション​

エミュレーションを使用してテストを生成することもできます。これにより、特定のビューポート、デバイス、配色、さらには地理位置情報、言語、タイムゾーンをエミュレートするテストを生成できます。テストジェネレーターは、認証された状態を保持しながらテストを生成することもできます。詳細については、テストジェネレーターガイドをご覧ください。

次へ​