test(client:oauth): enable first new client test

Author: Awk34

Diff for: templates/app/client/components/oauth-buttons(oauth)/oauth-buttons.component.spec.js

@@ -1,31 +1,37 @@
 'use strict';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
 
-import {OauthButtonsController} from './index';
+import { OauthButtonsComponent } from './oauth-buttons.component';
 
-describe('Controller: OauthButtonsController', function() {
+describe('Component: OauthButtonsComponent', () => {
+    let comp: OauthButtonsComponent;
+    let fixture: ComponentFixture<BannerComponent>;
+    let de: DebugElement;
+    let el: HTMLElement;
 
-  var controller, $window;
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+            declarations: [ OauthButtonsComponent ], // declare the test component
+        });
 
-  beforeEach(() => {
-    angular.module('test', [])
-      .controller('OauthButtonsController', OauthButtonsController);
-  });
-  // load the controller's module
-  beforeEach(angular.mock.module('test'));
+        fixture = TestBed.createComponent(OauthButtonsComponent);
 
-  // Initialize the controller and a mock $window
-  beforeEach(inject(function($controller) {
-    $window = {
-      location: {}
-    };
+        comp = fixture.componentInstance; // OauthButtonsComponent test instance
 
-    controller = $controller('OauthButtonsController', {
-      $window: $window
+        // query for the title <h1> by CSS element selector
+        de = fixture.debugElement.query(By.css('a'));
+        el = de.nativeElement;
     });
-  }));
 
-  it('should attach loginOauth', function() {<% if (filters.jasmine) { %>
-    expect(controller.loginOauth).toEqual(jasmine.any(Function));<% } if (filters.mocha) { %>
-    <%= expect() %>controller.loginOauth<%= to() %>.be.a('function');<% } %>
-  });
+    it('test', () => {
+        console.log(fixture.debugElement.query(By.css('i.fa-google-plus')));
+        fixture.detectChanges();
+        <%_ if (filters.jasmine) { -%>
+        expect(el.textContent).toContain('Connect with Google+');
+        <%_ } if (filters.mocha) { -%>
+        <%= expect() %>el.textContent<%= to() %>.contain('Connect with Google+');
+        <%_ } -%>
+    });
 });

Diff for: templates/app/spec.js

@@ -1,14 +1,29 @@
 'use strict';
 /*eslint-env node*/
-var testsContext;
-
-require('babel-polyfill');
-require('angular');
-require('angular-mocks');
-<%_ if(filters.uirouter) { _%>
-require('./client/components/ui-router/ui-router.mock');<% } %>
-<%_ if(filters.socketio) { _%>
-require('./client/components/socket/socket.mock');<% } %>
-
-testsContext = require.context('./client', true, /\.spec\.<%= scriptExt %>$/);
-testsContext.keys().forEach(testsContext);
+import 'babel-polyfill';
+
+import 'zone.js/dist/zone';
+import 'zone.js/dist/long-stack-trace-zone';
+import 'zone.js/dist/proxy';
+import 'zone.js/dist/sync-test';
+// import 'zone.js/dist/jasmine-patch';
+import 'zone.js/dist/async-test';
+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('./components/oauth-buttons/oauth-buttons.component.spec.<%= scriptExt %>');
+
+import { TestBed, getTestBed } from '@angular/core/testing';
+import browser from '@angular/platform-browser-dynamic/testing';
+
+TestBed.initTestEnvironment(browser.BrowserDynamicTestingModule, browser.platformBrowserDynamicTesting());
+
+var hook = new Mocha.Hook('Modified Angular beforeEach Hook', function() {
+  getTestBed().resetTestingModule();
+});
+
+hook.ctx = mocha.suite.ctx;
+hook.parent = mocha.suite;
+mocha.suite._beforeEach = [hook];