fixed karma config

Author: ABenassi87

angular.json

@@ -18,18 +18,9 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css",
-              "node_modules/bootstrap/dist/css/bootstrap.min.css",
-              "node_modules/codemirror/lib/codemirror.css"
-            ],
-            "scripts": [
-              "node_modules/codemirror/lib/codemirror.js"
-            ]
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css", "node_modules/bootstrap/dist/css/bootstrap.min.css", "node_modules/codemirror/lib/codemirror.css"],
+            "scripts": ["node_modules/codemirror/lib/codemirror.js"]
           },
           "configurations": {
             "production": {
@@ -75,26 +66,16 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
-            "styles": [
-              "src/styles.css"
-            ],
-            "scripts": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ]
+            "styles": ["src/styles.css"],
+            "scripts": ["node_modules/codemirror/lib/codemirror.js"],
+            "assets": ["src/favicon.ico", "src/assets"]
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -119,9 +100,7 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": "e2e/tsconfig.e2e.json",
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -150,13 +129,8 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "projects/ngx-text-diff/tsconfig.lib.json",
-              "projects/ngx-text-diff/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "tsConfig": ["projects/ngx-text-diff/tsconfig.lib.json", "projects/ngx-text-diff/tsconfig.spec.json"],
+            "exclude": ["**/node_modules/**"]
           }
         }
       }

package-lock.json

@@ -41,7 +41,7 @@
     "codelyzer": "~4.3.0",
     "jasmine-core": "~2.99.1",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~3.0.0",
+    "karma": "^3.0.0",
     "karma-chrome-launcher": "~2.2.0",
     "karma-coverage-istanbul-reporter": "~2.0.1",
     "karma-jasmine": "~1.1.2",

package.json

@@ -1,16 +1,18 @@
-/*import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { NgxTextDiffComponent } from './ngx-text-diff.component';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
 
 describe('NgxTextDiffComponent', () => {
   let component: NgxTextDiffComponent;
   let fixture: ComponentFixture<NgxTextDiffComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ NgxTextDiffComponent ]
-    })
-    .compileComponents();
+      imports: [FormsModule, CommonModule],
+      declarations: [NgxTextDiffComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {
@@ -22,4 +24,4 @@ describe('NgxTextDiffComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
-});*/
+});

projects/ngx-text-diff/src/lib/ngx-text-diff.component.spec.ts

@@ -1,4 +1,4 @@
-/*import { TestBed } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 
 import { NgxTextDiffService } from './ngx-text-diff.service';
 
@@ -9,4 +9,4 @@ describe('NgxTextDiffService', () => {
     const service: NgxTextDiffService = TestBed.get(NgxTextDiffService);
     expect(service).toBeTruthy();
   });
-});*/
+});

projects/ngx-text-diff/src/lib/ngx-text-diff.service.spec.ts

@@ -1,17 +1,17 @@
-/*
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CodeEditorComponent } from './code-editor.component';
+import { CommonModule } from '@angular/common';
 
 describe('CodeEditorComponent', () => {
   let component: CodeEditorComponent;
   let fixture: ComponentFixture<CodeEditorComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ CodeEditorComponent ]
-    })
-    .compileComponents();
+      imports: [CommonModule],
+      declarations: [CodeEditorComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {
@@ -24,4 +24,3 @@ describe('CodeEditorComponent', () => {
     expect(component).toBeTruthy();
   });
 });
-*/

src/app/components/code-editor/code-editor.component.spec.ts

@@ -1,4 +1,4 @@
-/*import { ComponentsModule } from './components.module';
+import { ComponentsModule } from './components.module';
 
 describe('ComponentsModule', () => {
   let componentsModule: ComponentsModule;
@@ -10,4 +10,4 @@ describe('ComponentsModule', () => {
   it('should create an instance', () => {
     expect(componentsModule).toBeTruthy();
   });
-});*/
+});

src/app/components/components.module.spec.ts

@@ -1,16 +1,21 @@
-/*import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+/*
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { HomeComponent } from './home.component';
+import { NgxTextDiffModule } from '../../../projects/ngx-text-diff/src/lib/ngx-text-diff.module';
+import { ComponentsModule } from '../components/components.module';
+import { CodeEditorComponent } from '../components/code-editor/code-editor.component';
+import { CommonModule } from '@angular/common';
 
 describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ HomeComponent ]
-    })
-    .compileComponents();
+      imports: [NgxTextDiffModule, CommonModule, ComponentsModule, CodeEditorComponent],
+      declarations: [HomeComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {
@@ -22,4 +27,5 @@ describe('HomeComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
-});*/
+});
+*/

src/app/home/home.component.spec.ts

@@ -33,6 +33,7 @@ module.exports = function (config) {
         flags: ['--no-sandbox']
       }
     },
+    // you can define custom flags
     singleRun: true
   });
 };