Adding DOM test skeleton for clickerList

app/pages/clickerList/clickerList.spec.ts

@@ -1,18 +1,62 @@
-import { ClickerList } from './clickerList';
+import {
+  beforeEach,
+  beforeEachProviders,
+  ComponentFixture,
+  describe,
+  expect,
+  injectAsync,
+  it,
+  TestComponentBuilder,
+}                               from 'angular2/testing';
+import { provide }              from 'angular2/core';
+import { ClickerList }          from './clickerList';
+import { Utils }                from '../../services/utils';
+import {
+  Config,
+  Form,
+  IonicApp,
+  NavController,
+  NavParams,
+  Platform,
+}                               from 'ionic-angular';
+
+class MockClass {
+  public get(): any {
+    return {};
+  }
+};
 
 let clickerList: ClickerList = null;
+let clickerListFixture: ComponentFixture = null;
 
 export function main(): void {
   'use strict';
 
   describe('ClickerList', () => {
 
-    beforeEach(() => {
-      clickerList = new ClickerList(null, null);
-    });
+    beforeEachProviders(() => [
+      Form,
+      provide(NavController, {useClass: MockClass}),
+      provide(NavParams, {useClass: MockClass}),
+      provide(Config, {useClass: MockClass}),
+      provide(IonicApp, {useClass: MockClass}),
+      provide(Platform, {useClass: MockClass}),
+    ]);
+
+    beforeEach(injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
+      return tcb
+        .createAsync(ClickerList)
+        .then((componentFixture: ComponentFixture) => {
+          clickerListFixture = componentFixture;
+          clickerList = componentFixture.componentInstance;
+          clickerListFixture.detectChanges();
+        })
+        .catch(Utils.promiseCatchHandler);
+    }));
 
     it('initialises', () => {
       expect(clickerList).not.toBeNull();
+      expect(clickerListFixture).not.toBeNull();
     });
   });
 }