webpack-karma-warnings-plugin.js

/*
 * This plugin makes sure karma doesn't run any specs when there's a
 * compilation error in a module by including a module even if the module has errors.
 *
 * Webpack's normal behaviour is to not include modules which have errors,
 * which causes Karma to run all the tests without the failed spec.
 *
 * Some links to where this magic actually happens in Webpack:
 *
 * The module will be removed from the dependency:
 * https://github.com/webpack/webpack/blob/v1.12.14/lib/Compilation.js#L646-L649
 *
 * and dependencies without a module won't be included in the module map:
 * https://github.com/webpack/webpack/blob/v1.12.14/lib/ContextModule.js#L87-L89
 *
 * Setting the module._source to a javascript error is copied from:
 * https://github.com/webpack/webpack/blob/v1.12.14/lib/NormalModule.js#L127
 */
var WebpackKarmaWarningsPlugin = function() {};
var RawSource = require("webpack-core/lib/RawSource");

WebpackKarmaWarningsPlugin.prototype.apply = function(compiler) {
  compiler.plugin("compilation", function(compilation) {
    compilation.plugin("failed-module", function(module) {
      var moduleErrorMessage = module.error.error.toString()
      module._source = new RawSource(`throw new Error(${JSON.stringify(moduleErrorMessage)});`);
      module.error = null;
    });
  });
};

module.exports = WebpackKarmaWarningsPlugin;

So sorry for not replying, for some reason I'm not getting gist notifications 🙈. Not sure if it helps anyone, but we require karma specs as follows using a context require:

var context = require.context(".", true, /_spec$/);
context.keys().forEach(context);

The webpack plugins for running karma

  plugins: [
    new webpack.DefinePlugin({
      NODE_TEST: true,
    }),
    new WebpackConsoleLogPlugin(),
    new WebpackKarmaWarningsPlugin(),
    new LoaderOptionsPlugin({
      debug: true,
    }),
  ],

Some of the versions:

• webpack 2.2.1
• karma 1.4.1
• karma-webpack 2.0.2

@mvgijssel Would you mind publishing this on npm?
If it's too much trouble I have no problem doing it and crediting you. Thanks

Something on NPM would be great for open source projects, as it means they don't need to copy/paste and deal with licensing this snippet.

I'll publish this on npm if people are still using this!

When adding console.logs inside of the compiler.plugin() I can see that compiler plugin is firing however when adding a console.log inside of the compilation.plugin() function, it doesn't appear to be firing. Am I doing something wrong???

No clue :/. Do you use the same versions / require strategy?

EDIT: Another thing to note, I am not sure if this is important, our test specs aren't being included due to syntax errors or issues such as when a file that is imported in a spec's name is changed, I don't know if that prevents the failed-module compilation instance to not fire, my assumptions was that it would.

Do you use the same plugins in the same order? Also do you include the NoErrorsPlugin? Maybe that's preventing stuff from firing?

With what changes does it work in webpack v2.0?
We use webpack v2 and it seems to work just fine!

Any chance it could work with webpack@3 ?
I get this error using webpack@3.10.0:

20 04 2018 06:56:55.348:ERROR [config]: Invalid config file!
    Error: Cannot find module 'webpack-core/lib/RawSource'

@aszmyd Use this: const RawSource = require("webpack-sources").RawSource;

for those looking for a webpack 4 approach in typescript - https://gist.github.com/jonesmac/9ef456153c714db56be0ec24b61c6fbb

I found I had to use the compilation.warnings.length to test if a relevant error occurred. I tried the failedModule hook but with no success.