fix: instantiate event emitters in component constructor

lib/mock_component.spec.ts

@@ -60,6 +60,13 @@ describe('MockComponent', () => {
     expect(annotations.template).toEqual('<ng-content></ng-content>');
   });
 
+  // make pass when testbed is brought in
+  xit('each instance of a mocked component should have its own event emitter', () => {
+    const mockedComponent1 = MockComponent(ExampleComponent);
+    const mockedComponent2 = MockComponent(ExampleComponent);
+    expect((mockedComponent1 as any).someOutput).not.toEqual((mockedComponent2 as any).someOutput);
+  });
+
   describe('sometimes components are built like this, not sure why', () => {
     it('the mock should have the same selector as the passed in component', () => {
       const mockedComponent = MockComponent(exampleComponent);

lib/mock_component.ts

@@ -15,11 +15,15 @@ export function MockComponent<TComponent>(component: Type<TComponent>): Type<TCo
   options.inputs = Object.keys(propertyMetadata).filter((meta) => isInput(propertyMetadata[meta]));
   options.outputs = Object.keys(propertyMetadata).filter((meta) => isOutput(propertyMetadata[meta]));
 
-  class ComponentMock {}
-
-  options.outputs.forEach((output) => {
-    (ComponentMock as any).prototype[output] = new EventEmitter<any>();
-  });
+  /* tslint:disable:no-unnecessary-class */
+  class ComponentMock {
+    constructor() {
+      options.outputs.forEach((output) => {
+        (ComponentMock as any).prototype[output] = new EventEmitter<any>();
+      });
+    }
+  }
+  /* tslint:enable:no-unnecessary-class */
 
   return Component(options as Component)(ComponentMock as Type<TComponent>);
 }