Add some unittests. npm i && ng test to run

src/app/app.component.spec.ts

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

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/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,9 +11,17 @@ describe('TaskFormComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ TaskFormComponent ]
+      imports: [
+        HttpClientModule,
+        NgbModule,
+      ],
+      declarations: [TaskFormComponent],
+      providers: [
+        BackendService,
+        NgbActiveModal,
+      ]
     })
-    .compileComponents();
+      .compileComponents();
   }));
 
   beforeEach(() => {
@@ -19,7 +30,7 @@ describe('TaskFormComponent', () => {
     fixture.detectChanges();
   });
 
-  it('should create', () => {
+  it('should create the component', () => {
     expect(component).toBeTruthy();
   });
 });

src/app/components/task-table/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/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/components/userstory-table/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/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),
+    ]);
+  });
+
+});