karma-static

Serve a directory of static files on the Karma server.

This middleware can be used to prevent 404s on files not normally served by Karma. For instance, application components under test may load image files via <img> elements.

This middleware will probably be easier to use than specifying files patterns, and trying to work around the /base/ prefix added to all asset paths.

Install

Add it to your project:

npm i -D karma-static

Configure

Say that your project directory structure looks like this:

project/
├── public/
│   ├── tests.js
│   ├── icon.png
└── karma.conf.js

Configure Karma to use the middleware:

var path = require('path');
module.exports = function (config) {
  config.set({
    files: ['public/tests.js'],
    middleware: ['static'],
    static: {
      path: path.join(__dirname, 'public')
    }
  });
};

Now files in the public directory like icon.png will be served by the web server, and will no longer throw 404s when requested by components in tests.js.

Contributing

To quickly test changes to the plugin in your project, use npm link to symlink karma-static to your project's node_modules directory. e.g.:

cd /my/project/dir
npm link /path/to/karma-static

Depending on your Node version, you may need to compile the ES modules in karma-static to CommonJS modules. To do this automatically while working on the karma-static code, run npm run watch in the background.

License

MIT