style: #228 Removing some warnings on console when running unit tests

Author: Juan Gabriel Guzman

karma.conf.js

@@ -8,10 +8,10 @@ module.exports = function (config) {
     plugins: [
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
       require('@angular-devkit/build-angular/plugins/karma'),
-      require('karma-spec-reporter')
+      require('karma-spec-reporter'),
+      require('karma-coverage-istanbul-reporter')
+
     ],
     client: {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
@@ -27,14 +27,14 @@ module.exports = function (config) {
         functions: 80
       }
     },
-    reporters: ['spec', 'kjhtml'],
+    reporters: ['spec'],
     specReporter: {
-      maxLogLines: 5,         // limit number of lines logged per test
-      suppressErrorSummary: true,  // do not print error summary
-      suppressFailed: false,  // do not print information about failed tests
-      suppressPassed: false,  // do not print information about passed tests
-      suppressSkipped: true,  // do not print information about skipped tests
-      showSpecTiming: false // print the time elapsed for each spec
+      maxLogLines: 5,
+      suppressErrorSummary: false,
+      suppressFailed: false,
+      suppressPassed: false,
+      suppressSkipped: true,
+      showSpecTiming: false
     },
 
     port: 9876,

src/app/modules/shared/components/user/user.component.spec.ts

@@ -2,6 +2,7 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { of } from 'rxjs';
 import { UserComponent } from './user.component';
 import { AzureAdB2CService } from '../../../login/services/azure.ad.b2c.service';
+import {AppRoutingModule} from '../../../../app-routing.module';
 
 describe('UserComponent', () => {
   let component: UserComponent;
@@ -20,6 +21,7 @@ describe('UserComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [UserComponent],
+      imports: [AppRoutingModule],
       providers: [{ providers: AzureAdB2CService, useValue: azureAdB2CServiceStub }],
     }).compileComponents();
   }));

src/app/modules/time-clock/components/project-list-hover/project-list-hover.component.spec.ts

@@ -1,13 +1,14 @@
-import { FormBuilder } from '@angular/forms';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { provideMockStore, MockStore } from '@ngrx/store/testing';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
+import {FormBuilder} from '@angular/forms';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {provideMockStore, MockStore} from '@ngrx/store/testing';
+import {HttpClientTestingModule} from '@angular/common/http/testing';
 
-import { ProjectListHoverComponent } from './project-list-hover.component';
-import { ProjectState } from '../../../customer-management/components/projects/components/store/project.reducer';
-import { getCustomerProjects } from '../../../customer-management/components/projects/components/store/project.selectors';
-import { FilterProjectPipe } from '../../../shared/pipes';
-import { CreateEntry, UpdateActiveEntry } from '../../store/entry.actions';
+import {ProjectListHoverComponent} from './project-list-hover.component';
+import {ProjectState} from '../../../customer-management/components/projects/components/store/project.reducer';
+import {getCustomerProjects} from '../../../customer-management/components/projects/components/store/project.selectors';
+import {FilterProjectPipe} from '../../../shared/pipes';
+import {CreateEntry, UpdateActiveEntry} from '../../store/entry.actions';
+import {AutocompleteLibModule} from 'angular-ng-autocomplete';
 
 describe('ProjectListHoverComponent', () => {
   let component: ProjectListHoverComponent;
@@ -18,7 +19,7 @@ describe('ProjectListHoverComponent', () => {
   const state = {
     projects: {
       projects: [],
-      customerProjects: [{ id: 'id', name: 'name', description: 'description', project_type_id: '123' }],
+      customerProjects: [{id: 'id', name: 'name', description: 'description', project_type_id: '123'}],
       isLoading: false,
       message: '',
       projectToEdit: undefined,
@@ -38,8 +39,8 @@ describe('ProjectListHoverComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ProjectListHoverComponent, FilterProjectPipe],
-      providers: [FormBuilder, provideMockStore({ initialState: state })],
-      imports: [HttpClientTestingModule],
+      providers: [FormBuilder, provideMockStore({initialState: state})],
+      imports: [HttpClientTestingModule, AutocompleteLibModule],
     }).compileComponents();
     store = TestBed.inject(MockStore);
     mockProjectsSelector = store.overrideSelector(getCustomerProjects, state.projects);
@@ -65,7 +66,7 @@ describe('ProjectListHoverComponent', () => {
   });
 
   it('dispatchs a UpdateEntry action when activeEntry is not null', () => {
-    const entry = { id: '123', project_id: 'p1', start_date: new Date().toISOString() };
+    const entry = {id: '123', project_id: 'p1', start_date: new Date().toISOString()};
     component.activeEntry = entry;
     spyOn(store, 'dispatch');
 

src/app/modules/time-entries/pages/time-entries.component.spec.ts

@@ -16,6 +16,8 @@ import { getProjects } from '../../customer-management/components/projects/compo
 import { EntryState } from '../../time-clock/store/entry.reducer';
 import { allEntries } from '../../time-clock/store/entry.selectors';
 import * as entryActions from '../../time-clock/store/entry.actions';
+import {TechnologiesComponent} from '../../shared/components/technologies/technologies.component';
+import {TimeEntriesSummaryComponent} from '../../time-clock/components/time-entries-summary/time-entries-summary.component';
 
 describe('TimeEntriesComponent', () => {
   type Merged = TechnologyState & ProjectState & EntryState;
@@ -67,6 +69,8 @@ describe('TimeEntriesComponent', () => {
         GroupByDatePipe,
         MonthPickerComponent,
         TimeEntriesComponent,
+        TechnologiesComponent,
+        TimeEntriesSummaryComponent
       ],
       providers: [provideMockStore({ initialState: state })],
       imports: [FormsModule, ReactiveFormsModule],