Fixed tests for new components

Author: Salma Alam-Naylor

apps/fretonator-web/src/app/common/fretonator/chord-map/chord-map.component.spec.ts

@@ -1,20 +1,33 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ChordMapComponent } from './chord-map.component';
+import { Component } from '@angular/core';
+import { ChordMapModule } from './chord-map.module';
 
 describe('ChordMapComponent', () => {
-  let component: ChordMapComponent;
-  let fixture: ComponentFixture<ChordMapComponent>;
+
+  @Component({
+    selector: 'app-chord-map-spec',
+    template: `
+      <app-chord-map></app-chord-map>
+    `,
+  })
+  class ChordMapComponentSpec {
+  }
+
+  let component: ChordMapComponentSpec;
+  let fixture: ComponentFixture<ChordMapComponentSpec>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ChordMapComponent ]
+      declarations: [ ChordMapComponentSpec ],
+      imports: [ ChordMapModule ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ChordMapComponent);
+    fixture = TestBed.createComponent(ChordMapComponentSpec);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

apps/fretonator-web/src/app/common/fretonator/interval-map/interval-map.component.spec.ts

@@ -1,20 +1,33 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { IntervalMapComponent } from './interval-map.component';
+import { Component } from '@angular/core';
+import { IntervalMapModule } from './interval-map.module';
 
 describe('IntervalMapComponent', () => {
-  let component: IntervalMapComponent;
-  let fixture: ComponentFixture<IntervalMapComponent>;
+
+  @Component({
+    selector: 'app-interval-map-spec',
+    template: `
+      <app-interval-map></app-interval-map>
+    `,
+  })
+  class IntervalMapComponentSpec {
+  }
+
+  let component: IntervalMapComponentSpec;
+  let fixture: ComponentFixture<IntervalMapComponentSpec>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ IntervalMapComponent ]
+      declarations: [ IntervalMapComponentSpec ],
+      imports: [ IntervalMapModule ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(IntervalMapComponent);
+    fixture = TestBed.createComponent(IntervalMapComponentSpec);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

apps/fretonator-web/src/app/common/fretonator/scale-map/scale-map.component.spec.ts

@@ -1,20 +1,33 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ScaleMapComponent } from './scale-map.component';
+import { Component } from '@angular/core';
+import { ScaleMapModule } from './scale-map.module';
 
 describe('ScaleMapComponent', () => {
-  let component: ScaleMapComponent;
-  let fixture: ComponentFixture<ScaleMapComponent>;
+
+  @Component({
+    selector: 'app-scale-map-spec',
+    template: `
+      <app-scale-map></app-scale-map>
+    `,
+  })
+  class ScaleMapComponentSpec {
+  }
+
+  let component: ScaleMapComponentSpec;
+  let fixture: ComponentFixture<ScaleMapComponentSpec>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ScaleMapComponent ]
+      declarations: [ ScaleMapComponentSpec ],
+      imports: [ ScaleMapModule ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ScaleMapComponent);
+    fixture = TestBed.createComponent(ScaleMapComponentSpec);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });