Playwright の基本的なコマンドに慣れてきたところで、
高度なテスト シナリオに簡単に取り組むことができる、より高度なコマンドに挑戦してみましょう。

フレームの処理:
page.frame(nameOrUrl): 名前または URL でページ上の特定のフレームにアクセスし、iframe 内のコンテンツを操作できるようにします。

ダウンロードの管理:
page.waitForEvent('download'): ダウンロード イベントがトリガーされるのを待ち、テスト中にファイルのダウンロードを制御します。
download.path(): ダウンロードされたファイルのファイル パスを取得し、検証とさらなるファイル処理を容易にします。

ファイルのアップロード:
page.setInputFiles(selector, filePath): ファイル入力を指定されたファイル パスに設定することで、ファイル アップロードをシミュレートします。これは、ファイル アップロード機能をテストするために不可欠です。

デバイスのエミュレーション:
browser.newContext({ viewport, userAgent, ... }): レスポンシブ デザイン テスト用に、ビューポート サイズやユーザー エージェントを含む特定のデバイスをエミュレートする新しいブラウザー コンテキストを作成します。

ネットワーク傍受:

page.route(url,route => { ... }): ネットワーク リクエストを傍受して変更し、応答のモック化、リクエストのブロック、またはリクエスト データの変更を可能にします。さまざまなネットワーク状態をテストするため。

page.setExtraHTTPHeaders(headers): ページによって行われたすべてのリクエストに追加の HTTP ヘッダーを設定します。これは、さまざまな認証ヘッダーまたはカスタム ヘッダーを使用したテストに役立ちます。

JavaScript の実行:

page.evaluate(pageFunction[, ...args]): ページのコンテキスト内で JavaScript コードを実行し、DOM の操作、情報の抽出、またはカスタム イベントをトリガーします。

page.evaluateHandle(pageFunction[, ...args]): JavaScript を実行し、JavaScript オブジェクトへのハンドルを返し、複雑なオブジェクトとのさらなる対話を可能にします。

高度なセレクター:

page.$eval(selector, pageFunction[, ...args]): セレクターに一致する要素のコンテキスト内で JavaScript を実行し、きめ細かい要素操作を可能にします。 .

page.$$eval(selector, pageFunction[, ...args]): セレクターに一致するすべての要素で JavaScript を実行し、複数の要素と対話するための強力な方法を提供します。要素を一度に。

ブラウザコンテキストの管理:

browser.newContext([options]): オプションの設定を使用して新しいブラウザー コンテキストを作成し、分離された同時テスト環境を可能にします。

context.close(): 特定のブラウザ コンテキストを閉じて、リソースを解放し、クリーンなテスト セッションを維持します。

これらの高度なコマンドを Playwright ツールキットに組み込むことで、より複雑で包括的な自動スクリプトを作成でき、Web アプリケーションのテストと品質保証の能力が強化されます。

次の章にご期待ください。そこでは、これらの高度なコマンドを実行するための実用的な例と実際のテスト シナリオについて詳しく説明します。

Playwright オンライン トレーニングの詳細については、Testleaf にアクセスしてあらゆる種類のソフトウェア テスト コースをご覧ください。