Webpack: Headless Chrome for unit tests

[frandiox]

Headless Chrome (v59): https://developers.google.com/web/updates/2017/04/headless-chrome
Support in karma-chrome-launcher: https://github.com/karma-runner/karma-chrome-launcher/pull/111
Chrome release calendar: https://www.chromium.org/developers/calendar
Windows progress (maybe v60?): https://bugs.chromium.org/p/chromium/issues/detail?id=686608

Hi! Looks like finally, we will be able to use a headless version of Chrome for unit testing. What do you think about using Chrome instead of PhantomJS (or as an extra option)?

I've replaced PhantomJS with this headless Chrome in my local environment (like this) and it works well for now. Web Components and other new APIs can be used in tests :)

[corbinu]

Agreed PhantomJS is no longer being developed

[LinusBorg]

We will definitely consider this. The question not if, just when.

[kazupon]

I checked at my boilerplate too.

It's works! 🚀

unit test:

e2e with ngihtwatch:

We should be used Chrome headless instead of PhantomJS. 😉

[myst729]

@kazupon The CI server doesn't even have a GUI, is Chrome headless available there?

[nickmessing]

@myst729, headless means "without GUI"

[frandiox]

@myst729 Just install Google Chrome from your CI recipe. CircleCI example here -- latest google-chrome-stable for Linux includes "headless" feature, not sure about other OS.

[myst729]

Great! Will definitely give it a try.

[nickmessing]

@frandiox, same for Mac OS, not for windows yet

[mul14]

When Chrome headless will be part of vuejs webpack template by default?

[LinusBorg]

We'll shortly be switching to Jest (#817) so Karma will only coexist as a "deprecated" alternative for a while.