test(client:main): fix main tests

Author: Awk34

Diff for: templates/app/client/app/main/main.component.js

@@ -24,11 +24,9 @@ export class MainComponent implements OnInit<% if(filters.ws) { %>, OnDestroy<%
   }
 
   ngOnInit() {
-    this.Http.get('/api/things')
-      .map(res => {
-        return res.json();
-      })
-      .catch(err => Observable.throw(err.json().error || 'Server error'))
+    return this.Http.get('/api/things')
+      .map(res => res.json())
+      // .catch(err => Observable.throw(err.json().error || 'Server error'))
       .subscribe(things => {
         this.awesomeThings = things;
         <%_ if(filters.ws) { -%>

Diff for: templates/app/client/app/main/main.component.spec.js

@@ -1,8 +1,74 @@
 'use strict';
-
-// import main from './main.component';
-// import {MainController} from './main.component';
+import {
+  async,
+  ComponentFixture,
+  inject,
+  TestBed,
+} from '@angular/core/testing';
+import {
+  BaseRequestOptions,
+  ConnectionBackend,
+  Http,
+  HttpModule,
+  Response,
+  ResponseOptions,
+} from '@angular/http';
+import { MockBackend } from '@angular/http/testing';
+<%_ if(filters.expect) { -%>
+import { expect } from 'chai';<% } %><% if(filters.uibootstrap) { %>
+import { TooltipModule } from 'ngx-bootstrap';<% } %>
+import { FormsModule } from '@angular/forms';
+import { SocketService } from '../../components/socket/socket.service';
+import { SocketServiceStub } from '../../components/socket/socket.mock';
+import { MainComponent } from './main.component';
 
 describe('Component: MainComponent', function() {
-  it('should attach a list of things to the controller', function() {});
+  let comp: MainComponent;
+  let fixture: ComponentFixture<MainComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        FormsModule,<% if(filters.uibootstrap) { %>
+        TooltipModule.forRoot(),<% } %>
+        HttpModule,
+      ],
+      declarations: [ MainComponent ], // declare the test component
+      providers: [
+        BaseRequestOptions,
+        MockBackend,
+        {
+          provide: Http,
+          useFactory: (backend: ConnectionBackend, defaultOptions: BaseRequestOptions) => {
+            return new Http(backend, defaultOptions);
+          },<%_ if(filters.ws) { %>
+          deps: [MockBackend, BaseRequestOptions]<% } %>
+        },
+        { provide: SocketService, useClass: SocketServiceStub },
+      ],
+    }).compileComponents();
+  }));
+  <%_ if(filters.ws) { %>
+  beforeEach('mock backend', async(inject([MockBackend], (mockBackend) => {
+    mockBackend.connections.subscribe(conn => {
+      conn.mockRespond(new Response(new ResponseOptions({
+        body: JSON.stringify(['HTML5 Boilerplate', 'AngularJS', 'Karma', 'Express'])
+      })));
+    });
+  })));<% } %>
+
+  beforeEach('ngOnInit', async(() => {
+    fixture = TestBed.createComponent(MainComponent);
+    // MainComponent test instance
+    comp = fixture.componentInstance;
+
+    /**
+     * Trigger initial data binding.
+     */
+    fixture.detectChanges();
+  }));
+
+  it('should attach a list of things to the controller', () => {
+    expect(comp.awesomeThings.length).to.equal(4);
+  });
 });

Diff for: templates/app/client/components/socket(ws)/socket.mock.js

@@ -1,13 +1,7 @@
 'use strict';
-import { noop } from 'lodash-es';
 
-export class SocketServiceMock {
-    socket = {
-        connect: noop,
-        on: noop,
-        emit: noop,
-        receive: noop
-    };
-    syncUpdates = noop;
-    unsyncUpdates = noop;
+export class SocketServiceStub {
+  constructor() {}
+  syncUpdates() {}
+  unsyncUpdates() {}
 }

Diff for: templates/app/spec.js

@@ -13,11 +13,10 @@ import 'zone.js/dist/fake-async-test';
 
 var testsContext = require.context('./client', true, /\.(spec|test)\.<%= scriptExt %>$/);
 // testsContext.keys().forEach(testsContext);
-// testsContext('./app/main/main.component.spec.<%= scriptExt %>');
+testsContext('./app/main/main.component.spec.<%= scriptExt %>');
 testsContext('./components/util.spec.<%= scriptExt %>');
-<%_ if(filters.oauth) { -%>
-testsContext('./components/oauth-buttons/oauth-buttons.component.spec.<%= scriptExt %>');
-<%_ } -%>
+<% if(filters.oauth) { -%>
+testsContext('./components/oauth-buttons/oauth-buttons.component.spec.<%= scriptExt %>');<% } %>
 
 import { TestBed, getTestBed } from '@angular/core/testing';
 import {

Diff for: templates/app/tsconfig(ts).json

@@ -2,11 +2,15 @@
   "compilerOptions": {
     "allowJs": true,
     "allowSyntheticDefaultImports": true,
+    "baseDir": ".",
     "experimentalDecorators": true,
     "sourceMap": true,
     "rootDir": "./",
     "module": "es6",
-    "outDir": ".tmp",
+    "outDir": ".tmp",<% if(filters.ws) %>
+    "paths": {
+      "primus": ["client/components/socket/primus.js"]
+    },<% } %>
     "removeComments": false,
     "target": "es5",
     "skipLibCheck": true,