jQueryを使用するReactコンポーネントでテストを実行するにはどうすればよいですか？

Question

I持ってcomponentDidMount（）内のすべてのコンポーネントの高さに一致するようにjQueryのセレクタを使用して反応させ、コンポーネント：WebPACKのようなサーバを実行しているときに

$('.js-matchHeight').matchHeight(); 

が正常に動作しますが、私は私のスペック（モカとチャイを書くとき）、それは文句を言う：

ReferenceError: $ is not defined

私のテストにjQueryを追加するにはどうすればよいですか？

Answer 1

ブラウザのenvをテストに追加しましたか？

import browserEnv from 'browser-env'; 
browserEnv(); 

私はAVAで行われた単体テストで同様の問題を抱えていたと私は考えています。わかりませんが、jQueryやCheerioもインポートしたと思います。

EDIT：

まあ私が持っている回避策は次のようにあなたのコンポーネントにjQueryのに対してテストすることです：

if (typeof jQuery !== 'undefined') { 
    $('.js-matchHeight').matchHeight(); 
} 

またはあなたはあなたが別のコンポーネントをエクスポートすることができますインポートモジュールでのjQueryを使用している場合バージョン：

module.exports = (typeof jQuery !== 'undefined') 
    ? browser(jQuery) 
    : nonBrowser(); 

これは完全ではありませんが、完璧にしたい場合は、jQueryをj私は思うsx：