bbc/karma-webpack

Name: karma-webpack

Owner: BBC

Description: Use webpack with karma.

Created: 2015-10-19 13:08:23.0

Updated: 2017-01-21 10:48:06.0

Pushed: 2016-01-14 16:44:48.0

Homepage: null

Size: 44

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

karma-webpack

Installation

install --save-dev karma-webpack

Usage

arma configuration

le.exports = function(config) {
config.set({
    // ... normal karma configuration

    files: [
        // all files ending in "_test"
        'test/*_test.js',
        'test/**/*_test.js'
        // each file acts as entry point for the webpack configuration
    ],

    preprocessors: {
        // add webpack as preprocessor
        'test/*_test.js': ['webpack'],
        'test/**/*_test.js': ['webpack']
    },

    webpack: {
        // karma watches the test entry points
        // (you don't need to specify the entry option)
        // webpack watches dependencies

        // webpack configuration
    },

    webpackMiddleware: {
        // webpack-dev-middleware configuration
        // i. e.
        noInfo: true
    },

    plugins: [
        require("karma-webpack")
    ]

});

Alternative usage

This configuration is more performant, but you cannot run single test anymore (only the complete suite).

The above configuration generates a webpack bundle for each test. For many testcases this can result in many big files. The alterative configuration creates a single bundle with all testcases.

    files: [
        // only specify one entry point
        // and require all tests in there
        'test/test_index.js'
    ],

    preprocessors: {
        // add webpack as preprocessor
        'test/test_index.js': ['webpack']
    },

javascript
est/test_index.js

equire all modules ending in "_test" from the
urrent directory and all subdirectories
testsContext = require.context(".", true, /_test$/);
sContext.keys().forEach(testsContext);

Every test file is required using the require.context and compiled with webpack into one test bundle.

Source Maps

You can use the karma-sourcemap-loader to get the source maps generated for your test bundle.

install --save-dev karma-sourcemap-loader

And then add it to your preprocessors

rocessors: {
'test/test_index.js': ['webpack', 'sourcemap']

And tell webpack to generate sourcemaps

ack: {
 ...
devtool: 'inline-source-map'

Options

This is the full list of options you can specify in your Karma config.

webpack

Webpack configuration.

webpackMiddleware

Configuration for webpack-dev-middleware.

License

Copyright 2014-2015 Tobias Koppers

MIT