タグ :

ES2015のテストとjQuery : JavaScript

投稿日 : 2016年9月16日 | 更新日 : 2016年10月09日 前のページへ戻る

Pocket

ES2015のテストと特にjQueryのテストのメモです。

espower-babel から babel-preset-power-assert への移行 – アカベコマイリ

$ nmp install --save-dev mocha power-assert babel-preset-power-assert babel-register babel-preset-es2015

.babelrc

{
  "presets": [
    "es2015"
  ],
  "env": {
    "development": {
      "presets": [
        "power-assert"
      ]
    }
  }
}

package.json

}
"scripts": {
    "tests": "mocha --compilers js:babel-register tests/*.test.js"
  },
}

jQueryでDOMをテスト

$ npm install --save-dev jquery jsdom

sample.test.js

import assert from 'power-assert';
import m1 from '../src/Module1.js';
global.document = require( 'jsdom' ).jsdom( '<html><div class="example"><span>テスト</span></div></html>' );
global.window = document.defaultView;
global.$ = require( 'jquery' );

/** @test {Example} */
describe( 'Example', () => {
    /** @test {Example#Hoge} */
    describe( 'makeTable', () => {
        it( 'Return 0 when example children is empty.', () => {
            global.$( '.example' ).empty();
            assert( global.$( ".example")children().length === 1 );
        } );
    } );
} );

JavaScript,Programming | 固定リンク | Comments (0)

このページの上へ移動

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。

 

 

 


このページの上へ