ES2015のテストとjQuery : JavaScript

Pocket

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.

コメントの投稿

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