fix: BrowserModule has already been loaded (#31)

Author: hallysonh

.travis.yml

@@ -2,14 +2,16 @@ language: node_js
 node_js:
   - "8.10.0"
 
+services:
+  - xvfb
+
 script:
   - ng lint
   - ng build --prod
-  - ng test
+  - ng test --watch=false
 
 before_install:
   - export CHROME_BIN=chromium-browser
   - export DISPLAY=:99.0
-  - sh -e /etc/init.d/xvfb start
 
 before_script: npm rebuild node-sass;

package.json

@@ -56,6 +56,7 @@
     "ng-packagr": "^4.4.0",
     "phantomjs-prebuilt": "^2.1.16",
     "protractor": "~5.4.0",
+    "puppeteer": "^1.20.0",
     "rxjs": "~6.3.3",
     "ts-node": "~7.0.0",
     "tsickle": "^0.33.1",

src/app/app.module.ts

@@ -1,4 +1,5 @@
 import { NgModule } from '@angular/core';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { AppComponent } from './app.component';
 import { TreetableModule } from './treetable/treetable.module';
 
@@ -7,6 +8,7 @@ import { TreetableModule } from './treetable/treetable.module';
     AppComponent
   ],
   imports: [
+    BrowserAnimationsModule,
     TreetableModule
   ],
   providers: [],

src/app/treetable/treetable.module.ts

@@ -1,5 +1,5 @@
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatTableModule } from '@angular/material/table';
 import { MatIconModule } from '@angular/material/icon';
 import { TreetableComponent } from './component/treetable.component';
@@ -10,7 +10,7 @@ export { Node, Options} from './models';
     TreetableComponent
   ],
   imports: [
-    BrowserAnimationsModule,
+    CommonModule,
     MatTableModule,
     MatIconModule
   ],

src/karma.conf.js

@@ -1,5 +1,7 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
+// Set the CHROME_BIN
+process.env.CHROME_BIN = require('puppeteer').executablePath();
 
 module.exports = function (config) {
   config.set({
@@ -8,7 +10,6 @@ module.exports = function (config) {
     plugins: [
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
-      require('karma-phantomjs-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
       require('@angular-devkit/build-angular/plugins/karma')
@@ -26,7 +27,13 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: true
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox']
+      }
+    },
+    singleRun: false
   });
 };