ES2015のテストとjQuery : JavaScript
ES2015のテストと特にjQueryのテストのメモです。
espower-babel から babel-preset-power-assert への移行 – アカベコマイリ
$ npm 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 1 when example children is 1.', () => {
global.$( '.example' ).empty();
assert( global.$( ".example" )children().length === 1 );
} );
} );
} );
コメント
No comments yet.
コメントの投稿
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。