JetBrains Aqua が Playwright のサポートを開始しました

Aqua チームからの特別発表です！

JetBrains はごく一般的なテストフレームワークに最高クラスのサポートを提供するよう努めてきました。また、Playwright のサポートは JetBrains ユーザーから以前から要望をいただいていたものです。 そして今回、新バージョンの Aqua にて Playwright のフルサポートが実装されました！

AQUA のダウンロード

Playwright のサポート

Aqua でのテスト表示

プロジェクトを開くと、Aqua が Playwright テストを検出し、エディターからテストを実行するガターアイコンを表示します。

Playwright によるテストの実行は単純かつ簡単です。 必要であれば、ファイルまたはディレクトリからすべてのファイルを実行することもできます。

結果を調べて問題を特定

テストが完了すると、Aqua が詳細なテスト結果を表示し、そのテストの関連ログとコンソール出力を表示します。 複数の並べ替えオプションやフィルターオプションを使えば、すべての失敗したテストや無視されたテストを確認したり、テストの実行時間を検査したりするのも簡単です。

Aqua では、テスト結果ツールウィンドウから選択されたテストのソースコードまで簡単に遷移できます。 利便性を考慮し、Aqua ではインレイヒントがステップの実行時間付きで表示され、ソースコードエディター内で失敗した行または式がハイライトされ、対応するエラーメッセージが表示されます。 これにより、ユーザーが円滑に使用できるようにしています。

テストの実行設定を保存して共有

複数の異なるパラメーターや構成を使用してさまざまなテストセットを実行している場合、設定を実行構成として保存し、その構成をチームと共有したり、設定を瞬時に切り替えたりできます。

また、選択されたテストファイルが指定のテストディレクトリに存在しない場合、Aqua は Playwright.tsconfig ファイルを考慮してそれを調整するように提案します。

特定のテストケースを検索

テストが関数として宣言されていない場合など、ソースコード内で特定のテストを探すのに苦労することがあります。 ここで Aqua が役に立ちます。 ⇧ を 2 回押して検索ウィンドウを開き、Go to Symbol（シンボルに移動）またはどこでも検索を使用してください。これで探している特定のテストを簡単に検索し、目的のテストに移動できるようになっています。

デバッガー

Aqua は IDE 内に Playwright テスト用のデバッガーも初期状態で備えています。 ブレークポイントを設定すれば、実行を停止してコードを解析することができます。

高度なコード編集エクスペリエンス

Aqua にはスマートコード補完、ナビゲーション、リンターのサポートなど、最高クラスの JavaScript と TypeScript のサポートが備わっています。

コードインサイトを強化し、Playwright 固有の関数と式をサポートするようにしました。
Aqua は文字列リテラル内の CSS と XPath ロケーターをハイライトし、関連性のあるコード補完候補を提供します。

テスト対象のウェブページが組み込みのウェブインスペクターで開いている場合、Aqua はページ内の要素に対応する実際のロケーターを提案します。

page.getByRole、page.getByLabel、および page.getByTestId 関数に対してウェブページの実際の data-testid、aria-label、role 属性値を提案する場合にも、同じレベルのサポートが提供されます。 Aqua は Playwright 構成ファイルに含まれるデータテスト属性の名前に従います。

Aqua はソースコードからページの要素への遷移もサポートしています。 たとえば CSS セレクターをクリックした場合や、`page.getByTestId` 関数に渡される属性値をクリックした場合、Aqua はウェブインスペクター内でその要素をハイライトします。 これにより、ロケーターが有効であり、要素がページに存在するかどうかを簡単に確認することができます。

ウェブインスペクターではページを検査して複数の種類のロケーターを検証または生成できるため、それらのロケーターが一意で信頼できることを確認できます。

Aqua ではより簡単かつ効率的に Playwright テストの開発と保守を行うことができます。 組み込みのウェブインスペクターが有益なインサイトを IDE に提供しているおかげで、Aqua は実際のデータのコード補完とシームレスな移動操作を提供できます。

エディター以上の機能を備えた Aqua

強力な IDE である Aqua は、以下のようなプロの QA 担当者が日常業務で必要とするものもすべて備えています。

• データベース管理。複数のデータベースに接続し、アプリケーションデータの準備と検証を行えます。

• エディターベースの HTTP クライアント。複雑な HTTP リクエストとアサーションを実行し、それらをチームと共有したり、CI/CD システムで実行したりできます。

• Docker のサポート。コンテナーを実行、監視、および構成できます。
• VCS、ターミナルなど。

これは Aqua チームにとって大きなマイルストーンであり、このバージョンを皆さまにご利用してほしいと考えています。 この機能はパブリックプレビュー段階にあるため、何らかの問題が発生した場合は課題トラッカーでの報告をお願いします。

フィードバックの送信やご質問には、こちらのフィードバックフォームをご利用ください。 最新のプレビュービルドは、Toolbox App または JetBrains ウェブサイトからダウンロードできます。

ブログをご購読いただくと、最新の機能改善に関する情報が届きます。また、公式 Twitter もぜひフォローしてください。

自動テストを存分にご活用ください！

Aqua チーム一同

オリジナル（英語）ブログ投稿記事の作者：