Angular Testing Course

Author: Your Name

src/app/courses/services/courses.service.ts

@@ -3,9 +3,9 @@
 import {Injectable} from "@angular/core";
 import {HttpClient, HttpParams} from "@angular/common/http";
 import {Observable} from "rxjs/Observable";
-import {Course} from "../model/course";
 import {map} from "rxjs/operators";
 import {Lesson} from "../model/lesson";
+import {Course} from '../model/course';
 
 
 @Injectable()
@@ -27,8 +27,8 @@ export class CoursesService {
     }
 
 
-    saveCourse(courseId:number, changes: Partial<Course>) {
-        return this.http.put(`/api/courses/${courseId}`, changes);
+    saveCourse(courseId:number, changes: Partial<Course>): Observable<Course> {
+        return this.http.put<Course>(`/api/courses/${courseId}`, changes);
     }
 
     findLessons(

src/app/courses/services/courses.services.spec.ts

@@ -2,6 +2,8 @@ import {CoursesService} from './courses.service';
 import {TestBed} from '@angular/core/testing';
 import {HttpClientTestingModule, HttpTestingController} from '@angular/common/http/testing';
 import {COURSES} from '../../../../server/db-data';
+import {Course} from '../model/course';
+
 
 describe('CoursesService', () => {
 
@@ -68,6 +70,23 @@ describe('CoursesService', () => {
 
     });
 
+
+
+    it('should save the course data', () => {
+
+        const changes :Partial<Course> = {titles:{description: 'Testing Course'}};
+
+        coursesService.saveCourse(12, changes)
+            .subscribe(course => {
+
+                expect(course.id).toBe(12);
+
+            });
+
+    });
+
+
+
     afterEach(() => {
 
         httpTestingController.verify();