Angular Testing Course

Author: Your Name

src/app/courses/home/home.component.spec.ts

@@ -21,6 +21,13 @@ describe('HomeComponent', () => {
   let fixture: ComponentFixture<HomeComponent>;
   let component:HomeComponent;
   let el: DebugElement;
+  let coursesService: any;
+
+  const beginnerCourses = setupCourses()
+      .filter(course => course.category == 'BEGINNER');
+
+    const advancedCourses = setupCourses()
+        .filter(course => course.category == 'ADVANCED');
 
   beforeEach(async(() => {
 
@@ -39,11 +46,14 @@ describe('HomeComponent', () => {
               fixture = TestBed.createComponent(HomeComponent);
               component = fixture.componentInstance;
               el = fixture.debugElement;
+              coursesService = TestBed.get(CoursesService);
           });
 
 
   }));
 
+
+
   it("should create the component", () => {
 
     expect(component).toBeTruthy();
@@ -53,21 +63,39 @@ describe('HomeComponent', () => {
 
   it("should display only beginner courses", () => {
 
-    pending();
+      coursesService.findAllCourses.and.returnValue(of(beginnerCourses));
+
+      fixture.detectChanges();
+
+      const tabs = el.queryAll(By.css(".mat-tab-label"));
+
+      expect(tabs.length).toBe(1, "Unexpected number of tabs found");
 
   });
 
 
   it("should display only advanced courses", () => {
 
-      pending();
+      coursesService.findAllCourses.and.returnValue(of(advancedCourses));
+
+      fixture.detectChanges();
+
+      const tabs = el.queryAll(By.css(".mat-tab-label"));
+
+      expect(tabs.length).toBe(1, "Unexpected number of tabs found");
 
   });
 
 
   it("should display both tabs", () => {
 
-    pending();
+      coursesService.findAllCourses.and.returnValue(of(setupCourses()));
+
+      fixture.detectChanges();
+
+      const tabs = el.queryAll(By.css(".mat-tab-label"));
+
+      expect(tabs.length).toBe(2, "Expected to find 2 tabs");
 
   });