chore(demo): added jest support for the demo app

Author: AnthonyNahas

demo/angular.json

@@ -84,7 +84,7 @@
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular-builders/jest:run",
           "options": {
             "main": "src/test.ts",
             "polyfills": "src/polyfills.ts",

demo/package-lock.json

@@ -26,6 +26,7 @@
   },
   "private": true,
   "dependencies": {
+    "@angular-material-extensions/link-preview": "^1.0.2",
     "@angular/animations": "^7.1.4",
     "@angular/cdk": "^7.2.0",
     "@angular/common": "^7.1.4",
@@ -51,6 +52,7 @@
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
+    "@angular-builders/jest": "^7.1.2",
     "@angular-devkit/build-angular": "^0.10.7",
     "@angular-devkit/schematics": "^7.1.3",
     "@angular/cli": "^7.1.3",
@@ -75,7 +77,7 @@
     "ts-loader": "^5.3.1",
     "ts-node": "^7.0.1",
     "tslint": "~5.11.0",
-    "typescript": "^3.2.2",
+    "typescript": "~3.1.6",
     "webpack-cli": "^3.1.2",
     "yargs": "12.0.1"
   },

demo/package.json

@@ -1,15 +1,16 @@
 /* tslint:disable:no-unused-variable */
-import { Router } from '@angular/router';
-import { Component } from '@angular/core';
-import { TestBed, async } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-import { FooterComponent } from './shared/footer/footer.component';
+import {Router} from '@angular/router';
+import {Component} from '@angular/core';
+import {async, TestBed} from '@angular/core/testing';
+import {AppComponent} from './app.component';
+import {FooterComponent} from './shared/footer/footer.component';
 
-import { RouterOutletStubComponent, RouterLinkStubDirective } from '../testing/router-stubs';
-import { Observable, of } from 'rxjs';
+import {RouterOutletStubComponent} from '../testing/router-stubs';
+import {Observable, of} from 'rxjs';
 
-@Component({ selector: 'app-header', template: '' })
-class HeaderStubComponent { }
+@Component({selector: 'app-header', template: ''})
+class HeaderStubComponent {
+}
 
 class RouterStub {
   events: Observable<Event> = of<Event>();
@@ -22,10 +23,10 @@ describe('AppComponent', () => {
         AppComponent,
         HeaderStubComponent,
         FooterComponent,
-        RouterOutletStubComponent
+        RouterOutletStubComponent,
       ],
       providers: [
-        { provide: Router, useClass: RouterStub }
+        {provide: Router, useClass: RouterStub}
       ]
     });
   }));

demo/src/app/app.component.spec.ts

@@ -1,14 +1,16 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { DebugElement } from '@angular/core';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { GettingStartedComponent } from './getting-started.component';
+import {GettingStartedComponent} from './getting-started.component';
+import {MarkdownModule} from 'ngx-markdown';
+import {HttpClientModule} from '@angular/common/http';
 
 describe('GettingStartedComponent', () => {
   let component: GettingStartedComponent;
   let fixture: ComponentFixture<GettingStartedComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
+      imports: [MarkdownModule.forRoot(), HttpClientModule],
       declarations: [GettingStartedComponent]
     })
       .compileComponents()

demo/src/app/getting-started/getting-started.component.spec.ts

@@ -1,8 +1,9 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { DebugElement } from '@angular/core';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { HomeComponent } from './home.component';
-import {  LibModule  } from '@angular-material-extensions/link-preview';
+import {HomeComponent} from './home.component';
+import {MatLinkPreviewModule} from '@angular-material-extensions/link-preview';
+import {MatCardModule, MatInputModule} from '@angular/material';
+import {MarkdownModule} from 'ngx-markdown';
 
 describe('HomeComponent', () => {
   let component: HomeComponent;
@@ -11,7 +12,10 @@ describe('HomeComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       imports: [
-        LibModule.forRoot(),],
+        MatCardModule,
+        MatInputModule,
+        MarkdownModule,
+        MatLinkPreviewModule.forRoot()],
       declarations: [HomeComponent]
     })
       .compileComponents()

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

@@ -7,7 +7,8 @@
     "target": "es5",
     "types": [
       "jasmine",
-      "node"
+      "node",
+      "jest"
     ]
   },
   "files": [

demo/src/karma.conf.js

@@ -8,6 +8,9 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "target": "es5",
+    "types": [
+      "jest"
+    ],
     "typeRoots": [
       "node_modules/@types"
     ],