Merge branch 'component-test-improvements' into 'master'

Refactory - Component test improvements Some improvements were made into `ComponentTestHelper` class and `helpers.ts` file. See the list below: **ComponentTestHelper** * Added the **generics** type into this class and pass it to `this.component` attribute. * Remove the unused temp class to `AngularServiceFactory` and unused `getEvents()` method * Added some type casts See merge request !9

Merge branch 'component-test-improvements' into 'master'
Refactory - Component test improvements Some improvements were made into `ComponentTestHelper` class and `helpers.ts` file. See the list below: **ComponentTestHelper** * Added the **generics** type into this class and pass it to `this.component` attribute. * Remove the unused temp class to `AngularServiceFactory` and unused `getEvents()` method * Added some type casts See merge request !9
Carlos Purificação
2 parents 45e13641 fc86b9f5
Showing 2 changed files with 26 additions and 21 deletions Show diff stats
src/spec/component-test-helper.ts
src/spec/helpers.ts
@@ -6,12 +6,12 @@ import { ComponentFixture } from &#39;ng-forward/cjs/testing/test-component-builder&#39;
 /**
  * @ngdoc object
  * @name spec.ComponentTestHelper
- * @description 
- * 
+ * @description
+ *
  * Helper class for creating tests. It encapsulates the TestComponentBuilder initialization,
  * allowing the test to be DRY. To use, one must declare a beforeEach function in the
  * test, and inside construct this object like:
- * 
+ *
  * <pre>
  * let helper = let helper : ComponentTestHelper;
  * beforeEach( (done) => {
@@ -19,7 +19,7 @@ import { ComponentFixture } from &#39;ng-forward/cjs/testing/test-component-builder&#39;
  * }
  * </pre>
  */
-export class ComponentTestHelper {
+export class ComponentTestHelper<T extends any> {
     /**
      * @ngdoc property
@@ -35,7 +35,7 @@ export class ComponentTestHelper {
      * @propertyOf spec.ComponentTestHelper
      * @description
      *  The NgForward TestComponentBuilder
-     */    
+     */
     tcb: TestComponentBuilder;
     /**
      * @ngdoc property
@@ -43,8 +43,8 @@ export class ComponentTestHelper {
      * @propertyOf spec.ComponentTestHelper
      * @description
      *  The parsed component instance
-     */    
-    component: any;
+     */
+    component: T;
     /**
      * @ngdoc property
      * @name debugElement
@@ -52,7 +52,7 @@ export class ComponentTestHelper {
      * @description
      *  The debugElement representing a JQuery element attached to the component
      * on mock page.
-     */    
+     */
     debugElement: INgForwardJQuery;
     /**
@@ -62,7 +62,7 @@ export class ComponentTestHelper {
      * @description
      *  The constructor for this component.
      */
-    constructor(mockComponent: any, done: Function) {
+    constructor(mockComponent: ngClass, done: Function) {
         this.mockComponent = mockComponent;
         this.tcb = new TestComponentBuilder();
         this.init(done);
@@ -82,7 +82,12 @@ export class ComponentTestHelper {
             fixture.detectChanges();
             // The main debug element
             this.debugElement = fixture.debugElement;
-            this.component = this.debugElement.componentViewChildren[0].componentInstance;
+            this.component = <T>this.debugElement.componentViewChildren[0].componentInstance;
+            let mockObj = new this.mockComponent();
+            Object.keys(mockObj).forEach((key: any) => {
+                (<any>this.component)[key] = <any>mockObj[key];
+            });
+
         }).then(() => {
             // Force the resolution of components and sync
             done();
@@ -126,8 +131,8 @@ export class ComponentTestHelper {
 export function createClass({
     template = '<div></div>',
-    directives = [],
-    providers = [],
+    directives = <any[]>[],
+    providers = <any[]>[],
     properties = <any>{}
 }): any {
     @Component({ selector: 'component-test-helper-container', template, directives, providers })
@@ -140,4 +145,3 @@ export function createClass({
     }
     return Test;
 }
-
 import {ngClass, TestComponentBuilder, ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';
 import {providers} from  'ng-forward/cjs/testing/providers';
-import {Injectable, Inject, Provider, Input, provide, Component} from 'ng-forward';
+import {Injectable, Inject, Provider, Input, Output, EventEmitter, provide, Component} from 'ng-forward';
 export var ngforward = {
@@ -19,8 +19,8 @@ export interface ComponentFixtureTemplate {
 export let tcb: TestComponentBuilder = new TestComponentBuilder();
 export function quickCreateComponent({
-    providers = [],
-    directives = [],
+    providers = <any[]>[],
+    directives = <any[]>[],
     template = '<div></div>',
     properties = <any>{},
 }): Promise<ComponentFixture> {
@@ -62,7 +62,6 @@ export function provideFilters(...filters: string[]) {
     return providers;
 }
-
 @Component({
     selector: 'helper_get_angular_service',
     template: 'not-used',
@@ -78,9 +77,11 @@ class AngularServiceHookComponent {
  * This helper class allows get angular services to be used in integration tests
  * i.e: '$http', '$q', '$location', etc...
  */
-class AngularServiceFactory {
+export class AngularServiceFactory {
+
+    private fixtureComponentHookPoint: ComponentFixture;
-    constructor(private fixtureComponentHookPoint: ComponentFixture) {
+    constructor() {
         this.fixtureComponentHookPoint = (<any>tcb)["create"](AngularServiceHookComponent);
     }
@@ -97,8 +98,8 @@ class AngularServiceFactory {
     }
 }
-export function getAngularServiceFactory(fixture: ComponentFixture) {
-    return new AngularServiceFactory(fixture);
+export function getAngularServiceFactory() {
+    return new AngularServiceFactory();
 }
 export {mocks} from "./mocks";