Merge branch 'tests'

karma.conf.js

@@ -1,16 +1,21 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 
+const process = require('process');
+process.env.CHROME_BIN = require('puppeteer').executablePath();
+
 module.exports = function (config) {
   config.set({
-    basePath: "",
+    basePath: '',
-    frameworks: ["jasmine", "@angular-devkit/build-angular"],
+    files: ['src/assets/env.js'],
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
     plugins: [
-      require("karma-jasmine"),
+      require('karma-jasmine'),
-      require("karma-chrome-launcher"),
+      require('karma-chrome-launcher'),
-      require("karma-jasmine-html-reporter"),
+      require('karma-jasmine-html-reporter'),
-      require("karma-coverage-istanbul-reporter"),
+      require('karma-coverage-istanbul-reporter'),
-      require("@angular-devkit/build-angular/plugins/karma"),
+      require('karma-spec-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
       clearContext: false, // leave Jasmine Spec Runner output visible in browser
@@ -20,13 +25,12 @@ module.exports = function (config) {
       reports: ["html", "lcovonly", "text-summary"],
       fixWebpackSourcePaths: true,
     },
-    reporters: ["progress", "kjhtml"],
+    reporters: ['progress', 'kjhtml', 'spec'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ["Chrome"],
+    browsers: ['ChromeHeadless'],
-    singleRun: false,
+    singleRun: true
-    restartOnFileChange: true,
   });
 };

package.json

@@ -44,7 +44,9 @@
     "karma-jasmine": "~3.0.1",
     "karma-jasmine-html-reporter": "^1.4.2",
     "prettier": "2.0.5",
+    "karma-spec-reporter": "0.0.32",
     "protractor": "~7.0.0",
+    "puppeteer": "^5.1.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
     "typescript": "~3.8.3"

src/app/app.component.spec.ts

@@ -5,8 +5,12 @@ import { AppComponent } from './app.component';
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      imports: [RouterTestingModule],
+      imports: [
-      declarations: [AppComponent],
+        RouterTestingModule,
+      ],
+      declarations: [
+        AppComponent,
+      ],
     }).compileComponents();
   }));
 
@@ -16,18 +20,10 @@ describe('AppComponent', () => {
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title 'frontend'`, () => {
+  it('should render router-outlet', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('frontend');
-  });
-
-  it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain(
+    expect(compiled.querySelector('router-outlet').textContent).toBeDefined();
-      'frontend app is running!'
-    );
   });
 });

src/app/components/backlog/backlog.component.spec.ts

@@ -0,0 +1,28 @@
+import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { BacklogComponent } from './backlog.component';
+import { BackendService } from '../../services/backend.service';
+import { HttpClientModule } from '@angular/common/http';
+
+describe('BacklogComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        HttpClientModule,
+      ],
+      declarations: [
+        BacklogComponent,
+      ],
+      providers: [
+        BackendService,
+      ]
+    }).compileComponents();
+  }));
+
+  it('should create the component', () => {
+    const fixture = TestBed.createComponent(BacklogComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});

src/app/components/dashboard/dashboard.component.spec.ts

@@ -0,0 +1,35 @@
+import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { BackendService } from '../../services/backend.service';
+import { HttpClientModule } from '@angular/common/http';
+import { DashboardComponent } from './dashboard.component';
+
+describe('DashboardComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        HttpClientModule,
+      ],
+      declarations: [
+        DashboardComponent,
+      ],
+      providers: [
+        BackendService,
+      ]
+    }).compileComponents();
+  }));
+
+  it('should create the component', () => {
+    const fixture = TestBed.createComponent(DashboardComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should parse dates correctly', () => {
+    const fixture = TestBed.createComponent(DashboardComponent);
+    const app = fixture.componentInstance;
+    expect(app.toDateString('2020-07-01T14:30:20')).toEqual('1.7.2020');
+    expect(app.toDateString('2020-11-23T07:30:20')).toEqual('23.11.2020');
+  });
+});

src/app/components/sprint-form/sprint-form.component.spec.ts

@@ -0,0 +1,36 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HttpClientModule } from '@angular/common/http';
+import { BackendService } from '../../services/backend.service';
+import { NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { SprintFormComponent } from './sprint-form.component';
+
+describe('SprintFormComponent', () => {
+  let component: SprintFormComponent;
+  let fixture: ComponentFixture<SprintFormComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        HttpClientModule,
+        NgbModule,
+      ],
+      declarations: [ SprintFormComponent ],
+      providers: [
+        BackendService,
+        NgbActiveModal,
+      ]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SprintFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create the component', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/sprint-table/sprint-table.component.spec.ts

@@ -0,0 +1,28 @@
+import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { BackendService } from '../../services/backend.service';
+import { HttpClientModule } from '@angular/common/http';
+import { SprintTableComponent } from './sprint-table.component';
+
+describe('SprintTableComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        HttpClientModule,
+      ],
+      declarations: [
+        SprintTableComponent,
+      ],
+      providers: [
+        BackendService,
+      ]
+    }).compileComponents();
+  }));
+
+  it('should create the component', () => {
+    const fixture = TestBed.createComponent(SprintTableComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});

src/app/components/tabels/task/task-table.component.spec.ts

@@ -0,0 +1,28 @@
+import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { BackendService } from '../../services/backend.service';
+import { HttpClientModule } from '@angular/common/http';
+import { TaskTableComponent } from './task-table.component';
+
+describe('TaskTableComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        HttpClientModule,
+      ],
+      declarations: [
+        TaskTableComponent,
+      ],
+      providers: [
+        BackendService,
+      ]
+    }).compileComponents();
+  }));
+
+  it('should create the component', () => {
+    const fixture = TestBed.createComponent(TaskTableComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});

src/app/components/tabels/userstory/userstory-table.component.spec.ts

@@ -0,0 +1,28 @@
+import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { BackendService } from '../../../services/backend.service';
+import { HttpClientModule } from '@angular/common/http';
+import { UserstoryTableComponent } from './userstory-table.component';
+
+describe('UserstoryTableComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        HttpClientModule,
+      ],
+      declarations: [
+        UserstoryTableComponent,
+      ],
+      providers: [
+        BackendService,
+      ]
+    }).compileComponents();
+  }));
+
+  it('should create the component', () => {
+    const fixture = TestBed.createComponent(UserstoryTableComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});

src/app/components/task-form/task-form.component.spec.ts

@@ -1,6 +1,9 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TaskFormComponent } from './task-form.component';
+import { HttpClientModule } from '@angular/common/http';
+import { BackendService } from '../../services/backend.service';
+import { NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
 
 describe('TaskFormComponent', () => {
   let component: TaskFormComponent;
@@ -8,8 +11,17 @@ describe('TaskFormComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
+      imports: [
+        HttpClientModule,
+        NgbModule,
+      ],
       declarations: [TaskFormComponent],
-    }).compileComponents();
+      providers: [
+        BackendService,
+        NgbActiveModal,
+      ]
+    })
+      .compileComponents();
   }));
 
   beforeEach(() => {
@@ -18,7 +30,7 @@ describe('TaskFormComponent', () => {
     fixture.detectChanges();
   });
 
-  it('should create', () => {
+  it('should create the component', () => {
     expect(component).toBeTruthy();
   });
 });

src/app/components/userstory-form/userstory-form.component.spec.ts

@@ -0,0 +1,36 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HttpClientModule } from '@angular/common/http';
+import { BackendService } from '../../services/backend.service';
+import { NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { UserstoryFormComponent } from './userstory-form.component';
+
+describe('UserstoryFormComponent', () => {
+  let component: UserstoryFormComponent;
+  let fixture: ComponentFixture<UserstoryFormComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        HttpClientModule,
+        NgbModule,
+      ],
+      declarations: [ UserstoryFormComponent ],
+      providers: [
+        BackendService,
+        NgbActiveModal,
+      ]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserstoryFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create the component', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/userstory-inner-table/userstory-inner-table.component.spec.ts

@@ -0,0 +1,28 @@
+import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { BackendService } from '../../services/backend.service';
+import { HttpClientModule } from '@angular/common/http';
+import { UserstoryInnerTableComponent } from './userstory-inner-table.component';
+
+describe('UserstoryInnerTableComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        HttpClientModule,
+      ],
+      declarations: [
+        UserstoryInnerTableComponent,
+      ],
+      providers: [
+        BackendService,
+      ]
+    }).compileComponents();
+  }));
+
+  it('should create the component', () => {
+    const fixture = TestBed.createComponent(UserstoryInnerTableComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});

src/app/services/sorting.service.spec.ts

@@ -0,0 +1,39 @@
+import { sortByDateAscending, sortByNumberAscending, sortByStringAscending } from './sorting.service';
+
+describe('SortingService', () => {
+
+  it('should sort correctly by number', () => {
+    const items = [7, 3, 2, 6, 4, 8, 0];
+    sortByNumberAscending(items, x => x);
+    expect(items).toEqual([0, 2, 3, 4, 6, 7, 8]);
+  });
+
+  it('should sort strings by length correctly', () => {
+    const items = ['aaaaa', 'a', 'aaa'];
+    sortByNumberAscending(items, x => x.length);
+    expect(items).toEqual(['a', 'aaa', 'aaaaa']);
+  });
+
+  it('should sort strings alphanumerically', () => {
+    const items = ['biz', 'bar', 'foo'];
+    sortByStringAscending(items, x => x);
+    expect(items).toEqual(['bar', 'biz', 'foo']);
+  });
+
+  it('should sort dates correctly', () => {
+    const items = [
+      new Date(2020, 2, 10, 13, 30),
+      new Date(2020, 2, 10, 12, 30),
+      new Date(2019, 4, 4),
+      new Date(2020, 2, 11, 13, 30),
+    ];
+    sortByDateAscending(items, x => x);
+    expect(items).toEqual([
+      new Date(2019, 4, 4),
+      new Date(2020, 2, 10, 12, 30),
+      new Date(2020, 2, 10, 13, 30),
+      new Date(2020, 2, 11, 13, 30),
+    ]);
+  });
+
+});

src/app/services/sorting.service.ts

@@ -9,7 +9,7 @@ export function sortByStringAscending<T>(items: T[], key: (T) => string) {
 }
 
 export function sortByDateAscending<T>(items: T[], key: (T) => Date) {
-  return items.sort((a, b) => <any>key(b) - <any>key(a));
+  return items.sort((a, b) =>  (key(a) as any) - (key(b) as any));
 }
 
 export function getNumberForPriority(priority: Priority): number {