2016-06-01 6 views
0

私は、selectpicker javascriptライブラリを使用するReactコンポーネントのテストを作成しています。ここではマウント方法があります:Reactコンポーネントをテストするときにjavascriptファイルを含めるには?

componentDidMount() { 
const selectControl = $(this.refs.selectName); 
selectControl.selectpicker('refresh'); 
} 

私は資産のselectpicker.jsファイルが含まれRailsの環境でのWebPACKによって作成されたJavaScriptを包むので、それは正常に動作しますが、私が書いたテストでは、この付属について知りませんファイルを開き、エラーをスローします。

TypeError: selectControl.selectpicker is not a function

ここで最高のアーキテクチャとは何ですか?コンポーネントにjavascriptファイルを含める必要がありますか?テストにjsファイルを簡単に含めることはできますか?

ご協力いただければ幸いです。

答えて

1

正確に何をテストしますか?

あなただけselectpicker jQueryのプラグインが適用されている場合運ぶことなく、コンポーネントのレンダリングをテストする場合は、あなたがあなたの部品実装せずに浅いレンダリングを行うことができます(Airbnbから)Enzymeのようなライブラリを使用することができます

+0

ありがとうマイケルは、実際にレンダリングされているselectpickerロジックがないので、このトリックを行う可能性があります。私はまだコンポーネントに何らかの形でjavascriptを追加する必要があるかどうか疑問に思うので、これは問題ではありません。 –

関連する問題