スクールアイドルです

冷やし中華はじめました

Componentでビルドしたものをテストする

結論

ビルド後のJSではrequireがpolyfillされているから、フロントエンド側からrequireを使って適宜呼び出せばよい。

テストスタックは好きなものが使える。例ではMocha, Chai, Karmaでテストしており、変にロックインされる心配はない。

例

MisumiRize/component-test-skeleton · GitHub

npm install -g component karma-cli

必要に応じてグローバルインストールしたあとで、ビルドとテスト実行。

component install
component build
npm install
karma start

ハマりどころ

component.jsonのnameはちゃんとつけておくこと。

ビルドを実行してrequireがpolyfillされる際、component.jsonのname欄を参照して名前が付けられる。未定義のままビルドしてもエラーは発生しないが、名前がundefinedになってしまう。

補足

パスを指定すればエントリポイント以外でもrequireできる。同じように、的確に名前を指定しさえすれば、component installしたものもテストからrequireできる。

発端