タグ

ブックマーク / qiita.com/uryyyyyyy (2)

  • Jestを使わないでReactをUnitTestする - Qiita

    目的 ReactのコンポーネントってUnitTestしにくいですよね。 まずjsxで書いてるから変換が必要だし、DOM環境を用意して配置する必要があるし、renderメソッドの中で他のコンポーネントを呼んでると、そっちの挙動も気にしなきゃいけないし。。。 その面倒くさいのをなんとかするテストフレームワークとしてJestがあるんですが、そっちはそっちでハマりどころが多いし。。。(Windows環境でのセットアップがやたら大変、node0.12で動かない、jasmineベース、マルチブラウザテストできない、jsdomのバージョンが古い、実行が遅い etc etc...) というわけで、Jestでやりたかったことができるテスト環境を0から考えてみました。 ゴール reactのコンポーネントの単体テストができる。 非同期(Promise)のテストができる。 依存しているコンポーネント・モジュールの

    Jestを使わないでReactをUnitTestする - Qiita
    nilab
    nilab 2015/06/03
    reactjs - Jestを使わないでReactをUnitTestする - Qiita : mocha でテスト
  • gulp + webpack + reactの最小構成 - Qiita

    module.exports = { entry: './source/main.jsx', output: { filename: './build/bundle.js' }, devtool: 'inline-source-map', module: { loaders: [ { test: /\.jsx$/, loader: 'jsx-loader' } ] }, resolve: { extensions: ['', '.js', '.jsx'] } }; webpackの設定ファイルです。 デフォルトでwebpack.config.jsという名前のファイルを読みに行くようです。 ちなみに、npm install webpack -gした状態でこの階層でwebpackと打っても上手いことやってくれます。 entry entrypointです。このファイルのrequireをどんどん辿

    gulp + webpack + reactの最小構成 - Qiita
    nilab
    nilab 2015/04/28
    reactjs - gulp + webpack + reactの最小構成 - Qiita
  • 1