こんにちは、コマンドライン:こんにちは、コマンドライン


This post was originally published on the Learn Playwright blog. Reference the original post to get the most updated version of this content.


より多くのコミュニティ脚本上の記事を書いたためにdev .上で脚本タグに従ってください!
.ltag__tag__id__43726 .アクションボタン
背景色:1 .重要
色:けんかe 6 efe 6!重要
ボーダーカラー:1 .重要

後傾
Playwrightは、Webテストと自動化のためのオープンソースのフレームワークです.これは、1つのAPIを使用してブラウザやプラットフォーム間で近代的なWebアプリケーションの信頼性の高いエンドツーエンドのテストを可能にする!PlayWrightは、オーサリング、デバッグのための強力なツールを使用して、エンドツーエンドのテストをプロファイリング、自動待ち、Webの最初のアサーションとトレースのような機能を備えた弾力性のあるテストをサポートしています!

🔖 | 今日の資源

  • Command line tools - 脚本ドキュメント.

  • Visual Cheatsheet For Playwright CLI - ダウンロードする

  • 投稿を投稿!

  • Device descriptors - エミュレートデバイス

  • Trace Viewer - テスト走行の死後解析

  • Codegen - ユーザーアクションからテストを生成する

  • Playwright Test - 最新のWebアプリのテストランナー

  • Playwright Inspector - テスト実行のデバッグ

  • 🗺 | 記事ロードマップ
    私は1週間後に戻っている-より多くのツールの話で30日目のSofsofplayWrightの旅を続けましょう!今日のポストがカバーするものは、ここにあります:
  • 1️⃣ | の上で脚本家に続いてください
  • 2️⃣ | 今日の目標
  • 3️⃣ | 視覚的なシート
  • 4️⃣ | PlayWright CLI :使用法
  • 5️⃣ | PlayWright CLI :基本コマンド
  • 6️⃣ | PlayWright CLI :例を試してください
  • 7️⃣ | PlayWright CLI :コマンドオプション
  • 8️⃣ | 次の手順

  • 1️⃣ シュウは、脚本家の脚本に従います
    私は、dev . comにシリーズを発表していました.そして、私は現在、私が現在もそこで減速していると言うために興奮しています.私とコミュニティから新しいポストのためにそれに続いてください!



    ニタヤナルシマン🎉

    ウッ!タグのプロファイルページには、リンクとコンテキストを持つ変身を得た-あなたがコンテンツを書いている場合は、それを公開することを検討してくださいdev.to そして、そのタグを使用する!50 +ポストとカウント..より多くの読み取り/増幅を愛する!
    午後21時15分
    そして、私はあなたのために尋ねる!
    あなたは初心者学習脚本ですか?または既存のWebフレームワークやアプリケーションのシナリオを使用して脚本の使用に洞察力を持つ経験豊富なテスター?もしそうならば、考慮して、それをタグ付けしてくださいplaywright ! 私はそのタグを監視し、あなたの記事を読む/増幅したい!

    2️⃣ 今日の目標
    インマイlast post 私は探検によって私の学びの旅を続けたTrace Viewer - 追跡可能なテスト実行の死後解析のための脚本ツール
    今日、私は一歩後退して、完全なスペクトルを見たいですCommand Line オーサリング、デバッグ、および解析のために利用できるツールとオプション、我々のテストは走ります.これらの機能のいくつかを設定することもできますから使用するthe Playwright API - 我々が将来のポストで探検する何か.
    今日は3つのことに集中します.
  • コマンドラインからどのツールを起動できますか?
  • CLIオプション-どのように我々は我々のニーズのためのツールの動作をカスタマイズできますか?
  • CLIの例-これらの作業を実際に使用する方法を見てみましょう

  • 3️⃣ 視覚的なシート
    を参照することができますCommand Line Tools 深さのドキュメンテーション-しかし、あなたが私のような視覚的な空間学習者であるならば、あなたは詳細に飛び込む前に大きい絵を見ることから利益を得るかもしれません.そこで、ここでは様々なツールやオプションPlayWright CLIによって提供される私の視覚的なシートです.
    私はこの--help 劇作家用スクリーンv1.17.1 . 黄色の四角形での探査を開始し、矢印の個々のコマンドに深いダイブを指す従ってください.インストールされているPlayWriterバージョンに関連する使用方法の更新のために、あなたの端末でコマンドをハイライトします.
    考慮するdownloading the hi-res image それを使用して-プリントアウトやデスクトップの壁紙として-自分のCLI探査を導くために自分自身に便利なリファレンスを与えるために!


    4️⃣ 脚本CLI :使用法
    The Command Line Tools ドキュメントページでは、例との素晴らしいリファレンスがありますが、最良の方法は、CLIを探検する対話的です.次のようにしてください.
    // Check your installed version of Playwright
    $  npx playwright -V
    Version 1.17.1
    
    // Get help on Playwright CLI commands available
    $npx playwright --help
    Usage: npx playwright [options] [command]
    ...
    <truncated for clarity>
    
    // Get help on usage + options for specific CLI command
    // Ex: for `open` command
    $ npx playwright open --help
    Usage: npx playwright open [options] [url]
    
    open page in browser specified via -b, --browser
    Options:
    ...
    <truncated for clarity>
    
    チェックアウトするには、視覚的なシートをチェックアウト--help すべてのコマンドの出力は、それぞれのサポートオプションの範囲の感覚を取得します.

    5️⃣ Lang - Playwright CLI :基本コマンド
    便宜のために、ここで関連したドキュメンテーションページへのリンクで現在利用できるメイン脚本CLIコマンド(v 1.17.1)の簡略化されたテーブルは、ここにあります.
    コマンド
    説明installこの脚本に必要なブラウザをインストールinstall-depsサポートされているブラウザのシステム依存性をインストールするopen指定したページをデフォルトブラウザ( CR =クロム)で開きます.cr = open クロムでfr = open Firefoxでwk = open WebKitで
    指定したページを指定したブラウザで開きます.open オプション)screenshotページを開きますpdfページを開きます.codegen指定したページを開き、Test Generator , ユーザーアクションからテストコードを作成する.test発射Playwright Test runner デフォルトの設定ファイルを使用するshow-trace発射Trace Viewer トレースZipfileの対話的解析のための(PWA)show-report発射HTML Reporter Webサーバのテスト実行解析用のローカルサーバー.
    このリストの最終的な4つのコマンドは、最も使用を見つける傾向があります-それで、私は別々のポストで各々を探検します.チェックアウトザTrace Viewer ポストを学ぶshow-trace そして、それはテスト実行の死後分析のための使用です.

    6️⃣ Lang Playwright CLI :例を試してください
    のサブセットのクイックランを通しましょうcommand-line examples そして、現実世界のコンテキストでPlayWright CLIオプションを理解するためにこれらを使用してください.以下のビデオでは、例を使って歩きますthis script - あなたのローカル環境で自分でそれを試してください.

    7️⃣ Chri :コマンドオプション
    便宜のために、ここでは、脚本家CLIの使用のために定義される重要なオプションの要約があります.用途--help を指定します.visual cheatsheet ), それぞれのコマンドにどのオプションを適用するかを知る.
    オプション
    説明--browser <browserType>特定のブラウザーを使用してください--channel <distribution>クロムベースのブラウザーのためにchannel options クロームのために--device <name> --user-agent <ua-string> --viewport-size <size>モバイルブラウザコンテキストのエミュレートsupported parameters -- 参照device descriptors 有効な値.--timezone <time-zone> --lang <lang> --geolocation <lat,long>ブラウザコンテキストのエミュレートthese parameters - 参照Locale/Timezone , Language tags , Geolocation 値.--color-scheme <dark,light>コンテキストをエミュレートするdark or light mode --timeout <timeout>セットtimeout PlayWightテストアクションを完了するにはMS--save-storage <filename> --load-storage <filename>セッション全体で再利用するための状態(例えば、クッキー、localstorage)を保存します.for authentication --ignore-https-errorsネットワーク要求のHTTPSエラーを無視してください--proxy-server <proxy>使用するプロキシサーバーのURLを指定します--wait-for-selector <selector>screenshot and pdf ) - セレクタの動作を待つ--wait-for-timeout <timeout>screenshot and pdf ) - タイムアウトを待つ--full-pagescreenshot ) - フルページをキャプチャ--output <filename>codegen ) 生成されたスクリプトをこのファイル名に保存する--debugtest ) デバッグ用インスペクタでPlayWrightテストを実行する
    The playwright test コマンドは、はるかに豊かなset of options 我々は、劇作家テストランナーについての別のポストで再訪します.

    8️⃣ 次のステップ
    探検したCommand Line Tools 高いレベルで、CLIコマンドのサブセットの例を試してみました.しかし、私たちは、次の別のポストでこれらを探索するので、より多くの使用を取得する4つのコマンドがあります.
  • show-trace - 探検するTrace Viewer | 以前done
  • show-report - 探検するTest Reporters
  • codegen - 探検するTest Generator
  • test - 探検するPlaywright Test
  • test --debug - 探検するPlaywright Inspector + Debugging Tools