フロントエンドユニットテスト学習

主なシナリオ

karma+mocha(主な紹介)

jest

ツールの紹介

Karmaは、フロントエンド自動化テストのためのブラウザ間能力

を提供する.

Mochaはフロントエンド自動化テストフレームワークであり、異なるスタイルの断言ライブラリ、テスト用例グループ、同期非同期テストアーキテクチャ、ライフサイクルフックなどのフレームレベルを互換する能力を解決する必要がある.

2.1 Mocha

Mochaの基本文法

    describe(' XX ',function(){
        it(' ',function(){
            // 
        })
    });
     describe(' YY ',function(){
        it(' 10',function(){
            // 
        })
    });
})

非同期テスト構文

describe(' XX ',function(){
    it(' ',function(done){
        // 
        // done() ， Promise resolve
    })
});

デフォルトのタイムアウト時間は2秒で、コマンドラインでテストできます.

の異なるスタイルの断言ライブラリはshould.js,expect.jsおよびnodeコア断言モジュールのassertなどをサポートする.

ライフサイクルフックライフサイクルフックは、一般的に環境またはグローバル変数を確立およびクリーンアップするために使用される.

describe('hooks', function() {
  before(function() {
    // runs before all tests in this block
  });
  after(function() {
    // runs after all tests in this block
  });
  beforeEach(function() {
    // runs before each test in this block
  });
  afterEach(function() {
    // runs after each test in this block
  });
  // test cases
});

Chai Chaiは断言ライブラリの集合であり、断言が成立するか否かを判断するAPIを多く提供する.具体例参照リンク
参考リンク:チェン一峰のネットワークログの先端の自動化工場(5)--Karma+Mocha+Chaiのユニットテストとインタフェーステスト李棠輝のVueユニットテスト実戦(チュートリアルMocha/Karma+Vue-Test-Utils+Chai)vue公式ドキュメントユニットテスト部分