Angular Testing Course

Author: Your Name

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

@@ -37,7 +37,6 @@ describe('CoursesCardListComponent', () => {
     });
 
 
-
     it('should display the course list', () => {
 
         component.courses = setupCourses();
@@ -57,7 +56,22 @@ describe('CoursesCardListComponent', () => {
 
     it('should display the first course', () => {
 
-        pending();
+        component.courses = setupCourses();
+
+        fixture.detectChanges();
+
+        const course = component.courses[0];
+
+        const card = el.query(By.css(".course-card:first-child")),
+                title = card.query(By.css("mat-card-title")),
+                image = card.query(By.css("img"));
+
+        expect(card).toBeTruthy("Could not find course card");
+
+        expect(title.nativeElement.textContent).toBe(course.titles.description);
+
+        expect(image.nativeElement.src).toBe(course.iconUrl);
+
 
     });