問題タブ [dynamic-import]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Reactjs、jest、enzyme、react-universal-component - 動的インポートを使用してコンポーネント構造をテストするにはどうすればよいですか?
React Universal Component 2.0 を使用して動的インポートを使用する場合の単体テストの最適な記述方法を決定しようとしています。
https://github.com/faceyspacey/react-universal-component
TestableComponent はテストしたいコンポーネントです。「ChildComp」が正しく返されることをテストしたい。実際には、多くのロジックと変換が関係していますが、基本的なケースとして、「ChildComp」が存在することをテストできるようにするためです。「ChildComp」の動的インポートを行うためにユニバーサルコンポーネントを使用しています
TestableComponent.js
TestableComponent 単体テスト
最初の debug() で、最初は ChildComp が表示されていないことに注意してください。コンポーネントのインポートがまだ完了していないという情報を読み込んでいます。
waitFor(1000) の後、ChildComp が使用可能であることがわかります。
質問: 構造テストの前に動的インポートを完了するためにタイムアウトを使用することは適切ですか? または、動的インポートがいつ完了するかをプログラムで判断する方法はありますか?
webpack - Webpackでの動的インポートでファイル名パターンを指定する方法は?
もしそうなら
次に、すべてのファイルintl/locale-data/jsonp/*.jsがコンパイルされて出力されます。
languageまたはのみであることがわかっている場合、特定のロケールファイルのみをコンパイルする方法はありますenかde?