alanbeech / ngcliwebpacksample

Wallaby.js

To get wallaby.js working after you have generated your project with angular-cli, you'll need to do the following:

• Add the wallaby.js config file to the project.
• Add the wallaby.js test bootstrap file to the project.
• Exclude the src/wallabyTest.ts file in the tsconfig.json as it may affect Angular AOT compilation.
• Run npm install wallaby-webpack angular2-template-loader electron --save-dev.

Note that the sample is using Electron test runner.

Alternatively, you may use Chrome (headless) runner. In this case you may change the env setting to env: {kind: 'chrome'}, and you will not need to npm i electron (and can remove electron from the package.json dependencies).

You may use PhantomJs runner if you like, to do that you may remove the env setting. In this case, you will not need to npm i electron (and can remove electron from the package.json dependencies), however will need to uncomment core-js polyfills and Intl polyfill, so that PhantomJs may work.

Wallaby configuation for Jest

If you are looking for a way to use wallaby.js with Jest for angular-cli generated project, then you may find the working config in this docs section.