Add compileComponents to beforeEach, use ng-cli's tsconfig.json for t…

…esting, closes #155

CHANGELOG.md

@@ -1,3 +1,10 @@
+<a name="2.0.1"></a>
+# 2.0.1 (2016-10-30)
+
+### Bug Fixes
+
+* **Unit**: Add compileComponents to beforeEach, use ng-cli's tsconfig.json for testing for #155 [#155](https://github.com/lathonez/clicker/issues/155) ([](https://github.com/lathonez/clicker/commit/))
+
 <a name="2.0.0"></a>
 # 2.0.0 (2016-10-16)
 

angular-cli.json

@@ -11,7 +11,7 @@
       "index": "index.html",
       "main": "main.ts",
       "test": "test.ts",
-      "tsconfig": "../tsconfig.json",
+      "tsconfig": "tsconfig.test.json",
       "prefix": "app",
       "mobile": false,
       "styles": [

package.json

@@ -16,7 +16,7 @@
     "start": "ionic serve",
     "test": "ng test"
   },
-  "version": "2.0.0",
+  "version": "2.0.1",
   "dependencies": {
     "@angular/common": "2.0.0",
     "@angular/compiler": "2.0.0",

src/components/clickerButton/clickerButton.spec.ts

@@ -1,18 +1,24 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TestUtils }                 from '../../test';
-import { ClickerButton }             from './clickerButton';
-import { ClickerMock }               from '../../models/clicker.mock';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
+import { TestUtils }                        from '../../test';
+import { ClickerButton }                    from './clickerButton';
+import { ClickerMock }                      from '../../models/clicker.mock';
 
 let fixture: ComponentFixture<ClickerButton> = null;
 let instance: any = null;
 
 describe('ClickerButton', () => {
 
-  beforeEach(() => {
-    TestUtils.configureIonicTestingModule([ClickerButton]);
-    fixture = TestBed.createComponent(ClickerButton);
-    instance = fixture.debugElement.componentInstance;
-    instance.clicker = new ClickerMock();
+  beforeEach(async(() => {
+    return TestUtils.configureIonicTestingModule([ClickerButton])
+      .compileComponents().then(() => {
+        fixture = TestBed.createComponent(ClickerButton);
+        instance = fixture.debugElement.componentInstance;
+        instance.clicker = new ClickerMock();
+      });
+  }));
+
+  afterEach(() => {
+    fixture.destroy();
   });
 
   it('initialises', () => {

src/components/clickerForm/clickerForm.spec.ts

@@ -1,20 +1,26 @@
-import { FormBuilder }               from '@angular/forms';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TestUtils }                 from '../../test';
-import { ClickerForm }               from './clickerForm';
+import { FormBuilder }                      from '@angular/forms';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
+import { TestUtils }                        from '../../test';
+import { ClickerForm }                      from './clickerForm';
 
 let fixture: ComponentFixture<ClickerForm> = null;
 let instance: any = null;
 
 describe('ClickerForm', () => {
 
-  beforeEach(() => {
-    TestUtils.configureIonicTestingModule([ClickerForm]);
-    fixture = TestBed.createComponent(ClickerForm);
-    instance = fixture.debugElement.componentInstance;
-    instance.clicker = { name: 'TEST CLICKER' };
-    instance.clicker.getCount = function(): number { return 10; };
-    fixture.autoDetectChanges(true);
+  beforeEach(async(() => {
+    return TestUtils.configureIonicTestingModule([ClickerForm])
+      .compileComponents().then(() => {
+        fixture = TestBed.createComponent(ClickerForm);
+        instance = fixture.debugElement.componentInstance;
+        instance.clicker = { name: 'TEST CLICKER' };
+        instance.clicker.getCount = function(): number { return 10; };
+        fixture.autoDetectChanges(true);
+      });
+  }));
+
+  afterEach(() => {
+    fixture.destroy();
   });
 
   it('initialises', () => {

src/pages/clickerList/clickerList.spec.ts

@@ -1,17 +1,23 @@
-import { ComponentFixture, TestBed }  from '@angular/core/testing';
-import { TestUtils }                  from '../../test';
-import { ClickerList }                from './clickerList';
-import { ClickerButton, ClickerForm } from '../../components';
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
+import { TestUtils }                        from '../../test';
+import { ClickerList }                      from './clickerList';
+import { ClickerButton, ClickerForm }       from '../../components';
 
 let fixture: ComponentFixture<ClickerList> = null;
 let instance: any = null;
 
 describe('ClickerList', () => {
 
-  beforeEach(() => {
-    TestUtils.configureIonicTestingModule([ClickerList, ClickerForm, ClickerButton]);
-    fixture = TestBed.createComponent(ClickerList);
-    instance = fixture.debugElement.componentInstance;
+  beforeEach(async(() => {
+    return TestUtils.configureIonicTestingModule([ClickerList, ClickerForm, ClickerButton])
+      .compileComponents().then(() => {
+        fixture = TestBed.createComponent(ClickerList);
+        instance = fixture.debugElement.componentInstance;
+      });
+  }));
+
+  afterEach(() => {
+    fixture.destroy();
   });
 
   it('initialises', () => {

src/pages/page2/page2.spec.ts

@@ -7,13 +7,21 @@ let instance: any = null;
 
 describe('Pages: Page2', () => {
 
-  beforeEach(() => {
-    TestUtils.configureIonicTestingModule([Page2]);
-    fixture = TestBed.createComponent(Page2);
-    instance = fixture.debugElement.componentInstance;
+  beforeEach(async(() => {
+    return TestUtils.configureIonicTestingModule([Page2])
+      .compileComponents().then(() => {
+        fixture = TestBed.createComponent(Page2);
+        instance = fixture.debugElement.componentInstance;
+        fixture.detectChanges();
+      });
+  }));
+
+  afterEach(() => {
+    fixture.destroy();
   });
 
-  it('should create page2', async(() => {
+  it('should create page2', () => {
+    expect(fixture).toBeTruthy();
     expect(instance).toBeTruthy();
-  }));
+  });
 });

src/test.ts

@@ -41,8 +41,8 @@ Promise.all([
 
 export class TestUtils {
 
-  public static configureIonicTestingModule(components: Array<any>): void {
-    TestBed.configureTestingModule({
+  public static configureIonicTestingModule(components: Array<any>): typeof TestBed {
+    return TestBed.configureTestingModule({
       declarations: [
         ...components,
       ],

src/tsconfig.test.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "declaration": false,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "lib": ["es6", "dom"],
+    "mapRoot": "./",
+    "module": "es6",
+    "moduleResolution": "node",
+    "outDir": "../dist/out-tsc",
+    "sourceMap": true,
+    "target": "es5",
+    "typeRoots": [
+      "../node_modules/@types"
+    ]
+  }
+}