JavaScriptは非同期コーディングを簡素化することを約束しますが、それらをテストするのは難しい場合があります。 このガイドは、単体テスト内で約束を効果的に処理する方法を明確にし、一般的な落とし穴を避け、コードの読みやすさを改善します。 これらの手法を示すサンプルプロジェクトは、著者のWebサイト(元のテキストで提供されていないリンク)で入手できます。
キーテイクアウト:
- 単体テストでの処理は複雑であり、慎重に管理されなければ誤検知につながる可能性があります。
- Mochaの組み込みの約束サポートは、拒否された約束のテストに自動的に失敗し、プロセスを簡素化します。
- 直接の約束の主張を有効にし、テストの明確さを強化します テスト機能から常に約束を返して、Mochaがそれを正しく認識して処理することを確認してください。
-
chai-as-promised
- 始めましょう(Mocha&Chai):
モカとチャイをインストール:
約束をテストするための素朴なアプローチは、しばしば冗長で読みやすいテストをもたらします:
npm install mocha chai
コールバックとエラー処理は、不必要な複雑さを追加します。 適切なエラー処理がなければ、拒否された約束は誤検知につながる可能性があります。
var expect = require('chai').expect; it('should do something with promises', function(done) { var blah = 'foo'; var result = systemUnderTest(); result.then(function(data) { expect(data).to.equal(blah); done(); }, function(error) { assert.fail(error); done(); }); });Mocha and Promises:
done()
拒否された約束は、自動的にテストに失敗します。 最初の例を改善できます:
約束を返すことで、
it('should fail the test', function() { return Promise.reject('this promise will always be rejected'); });と明示的なエラー処理の必要性がなくなります。
var expect = require('chai').expect; it('should do something with promises', function() { var blah = 'foo'; var result = systemUnderTest(); return result.then(function(data) { expect(data).to.equal(blah); }); });:
done()
でのテストの改善
:
chai-as-promised
このライブラリでは、より簡潔なアサーションが可能になります:
chai-as-promised
npm install chai-as-promised。
で動作します
var chai = require('chai'); var expect = chai.expect; var chaiAsPromised = require('chai-as-promised'); chai.use(chaiAsPromised); it('should do something with promises', function() { var blah = 'foo'; var result = systemUnderTest(); return expect(result).to.eventually.equal(blah); });有用なパターン:
eventually
-
オブジェクトの比較
-
ディープオブジェクトの比較にはまたは
eventually.deep.equal
を使用してください。eventually.become
- 特定のオブジェクトプロパティ:チェーンは、特定のプロパティにアクセスして主張することを約束します。 ES6矢印関数は、読みやすさを向上させることができます 複数の約束:
-
複数の約束を同時に処理するために(ただし、単一のテストで複数のアサーションからの潜在的なコードの臭いに注意してください)。
Promise.all
複数の約束を比較する: を使用して、約束を解決してから結果を比較します。
-
障害の主張:拒否のアサーションに
Promise.all
および を使用します。 -
テストフック:
to.be.rejected
は、モカのto.be.rejectedWith
、 、 - 、およびフックでシームレスに仕事をすることを約束します。
before
after
beforeEach
約束とock/スタブ(sinon.jsを使用):afterEach
を使用して、約束を返すスタブを作成します。 単純化された約束のスタブについては、
を検討してください
npm install mocha chai結論:
sinon.stub().returns(Promise.resolve/reject(...))
sinon-as-promised
Mocha、Chai、および
よくある質問(FAQ):(元のFAQは長さと冗長性のために省略されています。それらは、記事に既に存在する情報を主にカバーしています。
以上がJavaScriptユニットテストでの約束:決定的なガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

マトリックスの映画効果をあなたのページにもたらしましょう!これは、有名な映画「The Matrix」に基づいたクールなJQueryプラグインです。プラグインは、映画の古典的な緑色のキャラクター効果をシミュレートし、画像を選択するだけで、プラグインはそれを数値文字で満たされたマトリックススタイルの画像に変換します。来て、それを試してみてください、それはとても面白いです! それがどのように機能するか プラグインは画像をキャンバスにロードし、ピクセルと色の値を読み取ります。 data = ctx.getimagedata(x、y、settings.greasize、settings.greasize).data プラグインは、写真の長方形の領域を巧みに読み取り、jQueryを使用して各領域の平均色を計算します。次に、使用します

この記事では、jQueryライブラリを使用してシンプルな画像カルーセルを作成するように導きます。 jQuery上に構築されたBXSLiderライブラリを使用し、カルーセルをセットアップするために多くの構成オプションを提供します。 今日、絵のカルーセルはウェブサイトで必須の機能になっています - 1つの写真は千の言葉よりも優れています! 画像カルーセルを使用することを決定した後、次の質問はそれを作成する方法です。まず、高品質の高解像度の写真を収集する必要があります。 次に、HTMLとJavaScriptコードを使用して画像カルーセルを作成する必要があります。ウェブ上には、さまざまな方法でカルーセルを作成するのに役立つ多くのライブラリがあります。オープンソースBXSLiderライブラリを使用します。 BXSLiderライブラリはレスポンシブデザインをサポートしているため、このライブラリで構築されたカルーセルは任意のものに適合させることができます

データセットは、APIモデルとさまざまなビジネスプロセスの構築に非常に不可欠です。これが、CSVのインポートとエクスポートが頻繁に必要な機能である理由です。このチュートリアルでは、Angular内でCSVファイルをダウンロードおよびインポートする方法を学びます


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

ホットトピック



