Angular Testing Course

Author: Your Name

src/app/courses/courses-card-list/courses-card-list.component.spec.ts

@@ -14,6 +14,7 @@ describe('CoursesCardListComponent', () => {
 
     let component: CoursesCardListComponent;
     let fixture: ComponentFixture<CoursesCardListComponent>;
+    let el: DebugElement;
 
     beforeEach(async(() => {
         TestBed.configureTestingModule({
@@ -24,25 +25,36 @@ describe('CoursesCardListComponent', () => {
 
             fixture = TestBed.createComponent(CoursesCardListComponent);
             component = fixture.componentInstance;
+            el = fixture.debugElement;
 
         });
     }));
 
-
     it('should create the component', () => {
 
         expect(component).toBeTruthy();
 
     });
 
 
+
     it('should display the course list', () => {
 
-        pending();
+        component.courses = setupCourses();
+
+        fixture.detectChanges();
+
+        const cards = el.queryAll(By.css(".course-card"));
+
+        expect(cards).toBeTruthy("Could not find cards");
+        expect(cards.length).toBe(12, "Unexpected number of courses");
 
     });
 
 
+
+
+
     it('should display the first course', () => {
 
         pending();