フロントエンドのテスト自動化冗談レッスン3コマンドラインツール

ここに画像を挿入説明

レディ状態

そして、説明する第1節のチュートリアル基礎のディレクトリを作成するためのコード。チュートリアルのセクション1を読んでいない場合は、私に注意を払うが、このシリーズの以前の記事を参照してくださいするには

チュートリアルのこのセクションでは、主に冗談でいくつかのコマンドラインツールは、最初のコードと実行のセクションコピーするnpm run test
レンダリングを:

これらのヒントコマンドを入れて、説明


ここでは、印象増やすことができるようにしようとする手を所有している必要があり、いくつかのコマンドで
、このコマンドの話oを焦点を当て、あなたはgitのに使用する必要がある、あなたは、ローカルリポジトリ(実際の開発、基本的な項目にプロジェクトを提出しなければならないのgitリポジトリを配置していますそのほとんど効果)、冗談は次のようにgitの追加倉庫によって変更されたファイルを判別するには:

  • git init 初期のgitリポジトリ
  • git add . すべてのファイルは、ステージングエリアに追加されます
  • git commit -m 'init' ローカルリポジトリへの文書の提出

これらの下にはpackage.jsonの設定です

-watchAll

我々は現在、すべてのファイルの変更を監視し、-watchAllを使用している
スクリプトの設定ファイルpackeage.jsonを

"scripts": {
  "test": "jest --watchAll"
}

-見る

この-watchAllと効果は同じですが、使用後にOキーを押してください。までの時間後に変更されたファイルを再テスト

"scripts": {
  "test": "jest --watch"
}

-初期化

基本構成ファイルを生成冗談

-カバレッジ

レポート出力のテストカバレッジ情報の詳細は、テストカバレッジを生成する
プロジェクトで生成されcoverageたフォルダ、それらを開くindex.html詳細を確認します

これは、使用にはいくつかの一般的に使用され、実際のプロジェクトで嘘はこれらの十分、CLIコンフィギュレーションファイルの冗談が多くありますが、実際の開発よりも、我々は、ボックスの設定の多くを達成するために、他の足場と一致しています私が興味を持っている、それらを使用していない、あなたは、公式ウェブ文書を見https://jestjs.io/docs/en/cliに行くことができます

いくつかのこのセクションではなく、最高の自分の印象を試してみて、深めるために自分自身であり、理解し
、次のセクションのチュートリアルは冗談で非同期コードをテストする方法を説明します

お互いを励まし、非現実的な期待を持っていない、彼は天才、単純な、それを自分でしようとする問題で最善であると信じていることはありません

私はあなたが指すことを願って、記事が間違っているか、不適切な一部であってもよく、容量に制限しました

いかなる社会的関心は、私とは、フロントエンド、フロントエンド冗談テストの自動化を必要なスキルを学びません

いかなる社会的関心は、私とは、フロントエンド、フロントエンド冗談テストの自動化を必要なスキルを学びませんここに画像を挿入説明

公開された14元の記事 ウォンの賞賛5 ビュー10000 +

おすすめ

転載: blog.csdn.net/Jsoning/article/details/103964246