@web/test-runner-server v0.6.0

Test Runner Server

Server for communicating with the browser and serving test files, based on @web/dev-server-core.

See @web/test-runner for a default implementation and CLI for the test runner.

The dev server has a lot of configuration options and a plugin system.

If you're using @web/test-runner, you can configure the dev server from the configuration file. For example:

import proxy from 'koa-proxies';
import awesomePlugin from 'awesome-plugin';

export default {
  rootDir: '../..',
  middleware: [
    proxy('/api', {
      target: 'http://localhost:9001',
    }),
  ],
  plugins: [
    // use a plugin
    awesomePlugin({ someOption: 'someProperty' }),

    // create an inline plugin
    {
      transform(context) {
        if (context.path === '/src/environment.js') {
          return { body: `export const version = '${packageJson.version}';` };
        }
      },
    },
  ],
};

Typescript and JSX

Tests run in the browser, code written in TS or JSX needs to be compiled before it is possible to test them in the browser. You could do this transformation outside of the test runner, for example using babel or tsc. This would be the most predictable, but not the fastest approach.

Another option is to use something like @web/dev-server-esbuild.