Shuaib changes

ml-search-web/src/app/app.component.spec.ts

@@ -1,13 +1,22 @@
 import { TestBed, async } from '@angular/core/testing';
-
+import { Router, RouterOutlet, RouterModule } from "@angular/router";
+import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 
+class MockRouter { public navigate() {}; }
+
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [
         AppComponent
       ],
+      providers: [
+        {provide: Router,  useClass: MockRouter },
+        RouterOutlet,
+        RouterModule
+      ],
+      imports: [ RouterTestingModule ]
     }).compileComponents();
   }));
 
@@ -20,13 +29,13 @@ describe('AppComponent', () => {
   it(`should have as title 'app'`, async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app');
+    expect(app.title).toEqual('MarkLogic Search Sample');
   }));
 
   it('should render title in a h1 tag', async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
+    expect(compiled.querySelector('a').textContent).toContain('Marklogic Search');
   }));
 });

ml-search-web/src/app/search-box/search-box.component.spec.ts

@@ -1,5 +1,5 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormsModule } from '@angular/forms';
 import { SearchBoxComponent } from './search-box.component';
 
 describe('SearchBoxComponent', () => {
@@ -8,6 +8,7 @@ describe('SearchBoxComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
+      imports: [ FormsModule ],
       declarations: [ SearchBoxComponent ]
     })
     .compileComponents();

ml-search-web/src/app/search-container/search-container.component.spec.ts

@@ -1,14 +1,25 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormsModule } from '@angular/forms';
 import { SearchContainerComponent } from './search-container.component';
+import { SearchBoxComponent } from '../search-box/search-box.component';
+import { SearchResultComponent } from '../search-result/search-result.component';
+import { PagerComponent } from '../pager/pager.component';
+import { RouterTestingModule } from '@angular/router/testing';
+import { Store, StoreModule } from '@ngrx/store';
 
 describe('SearchContainerComponent', () => {
   let component: SearchContainerComponent;
   let fixture: ComponentFixture<SearchContainerComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ SearchContainerComponent ]
+      imports: [ FormsModule, RouterTestingModule, StoreModule.forRoot({ }) ],
+      declarations: [ 
+        SearchContainerComponent,
+        SearchBoxComponent,
+        SearchResultComponent,
+        PagerComponent
+      ]
     })
     .compileComponents();
   }));

ml-search-web/src/app/search-result/search-result.component.spec.ts

@@ -1,14 +1,25 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { Router, RouterOutlet, RouterModule } from "@angular/router";
+import { RouterTestingModule } from '@angular/router/testing';
 import { SearchResultComponent } from './search-result.component';
 
+class MockRouter { public navigate() {}; }
+
 describe('SearchResultComponent', () => {
   let component: SearchResultComponent;
   let fixture: ComponentFixture<SearchResultComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ SearchResultComponent ]
+      imports: [ 
+        RouterTestingModule
+      ],
+      declarations: [ SearchResultComponent ],
+      providers: [
+        {provide: Router,  useClass: MockRouter },
+        RouterOutlet,
+        RouterModule
+      ],
     })
     .compileComponents();
   }));

ml-search-web/src/app/view-doc-container/view-doc-container.component.spec.ts

@@ -1,13 +1,15 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { Store, StoreModule } from '@ngrx/store';
 import { ViewDocContainerComponent } from './view-doc-container.component';
+import { RouterTestingModule } from '@angular/router/testing';
 
 describe('ViewDocContainerComponent', () => {
   let component: ViewDocContainerComponent;
   let fixture: ComponentFixture<ViewDocContainerComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
+      imports: [ RouterTestingModule, StoreModule.forRoot({ }) ],
       declarations: [ ViewDocContainerComponent ]
     })
     .compileComponents();