| No huge issues with running tests that depend on webpack, but the developer UX is not outstanding. If you want to be able to do everything, you'll have to configure more stuff. Honestly, I don't think it's worth the extra effort to try and configure things to work with every possible workflow. Just setup what you need, and then add stuff in as you find yourself wanting / needing it. My advice is to avoid jest. It's too slow and clunky. If you want to stub modules, there's rewire-webpack. If you're using babel and ES6 modules you'll probably want to check out babel-plugin-rewire. I think there's a few other alternatives, but I haven't had the need for any of these so far. On to your questions... > Can you test individual modules that use arbitrary loaders specified in your Webpack config? Yes. The solution I have is to maintain a single webpack config maker function that has a bunch of conditionals inside, and then I just use that function from all my configs. When you set options.TEST to true, it'll set the entry point to an empty object. That means that my tests will be configured as close as possible to my production and development. The same loader config will be used for all the environments. > Can you run tests from the command line? Sure. In the web-app repo, it uses karma with phantomjs. If you want to test your code using node... It's a bit more annoying, but also doable. I've previously set it up like this: create a test.js [0] file, set it as the entry-point in the webpack config, and use webpack context to include all the tests you wanna run, and finally point mocha to the output file. If you wanna use it in "live" mode, you can run webpack and mocha both with the watch flag. If you just wanna run a single test... You can specify a single test as your entry-point, and then point mocha to it. Again, if you want "live" mode, you can set the watch flag on both mocha and webpack. > Can you write your tests in ES6/7 (or anything else supported by Webpack's loaders)? Yes. They use the same loaders as the rest of your codebase. [0] https://www.dropbox.com/s/35ebqijrp9nqyj3/Screenshot%202015-... |
