patrot
diff --git a/‎cypress/integration/home.test.js
Lines changed: 40 additions & 0 deletions b/‎cypress/integration/home.test.js
Lines changed: 40 additions & 0 deletions
diff --git a/‎package-lock.json
Lines changed: 50 additions & 47 deletions b/‎package-lock.json
Lines changed: 50 additions & 47 deletions
diff --git a/‎package.json
Lines changed: 2 additions & 1 deletion b/‎package.json
Lines changed: 2 additions & 1 deletion
diff --git a/‎src/app/courses/courses-card-list/courses-card-list.component.spec.ts
Lines changed: 81 additions & 0 deletions b/‎src/app/courses/courses-card-list/courses-card-list.component.spec.ts
Lines changed: 81 additions & 0 deletions
diff --git a/‎src/app/courses/courses-card-list/courses-card-list.component.ts.TODO
Lines changed: 0 additions & 40 deletions b/‎src/app/courses/courses-card-list/courses-card-list.component.ts.TODO
Lines changed: 0 additions & 40 deletions
@@ -0,0 +1,40 @@
+
+
+describe('Home Page', () => {
+
+    beforeEach(() => {
+
+        cy.fixture('courses.json').as("coursesJSON");
+
+        cy.server();
+
+        cy.route('/api/courses', "@coursesJSON").as("courses");
+
+        cy.visit('/');
+
+    });
+
+    it('should display a list of courses', () => {
+
+        cy.contains("All Courses");
+
+        cy.wait('@courses');
+
+        cy.get("mat-card").should("have.length", 9);
+
+    });
+
+    it('should display the advanced courses', () => {
+
+        cy.get('.mat-tab-label').should("have.length", 2);
+
+        cy.get('.mat-tab-label').last().click();
+
+        cy.get('.mat-tab-body-active .mat-card-title').its('length').should("be.gt", 1);
+
+        cy.get('.mat-tab-body-active .mat-card-title').first()
+            .should('contain', "Angular Security Course");
+
+    });
+    
+});
@@ -14,6 +14,7 @@
     "build:prod": "ng build --prod",
     "start:prod": "http-server ./dist -a localhost -p 4200",
     "build-and-start:prod": "run-s build:prod start:prod",
+    "build_and-deploy:prod": "run-s build:prod start:prod",
     "e2e": "start-server-and-test build-and-start:prod http://localhost:4200 cypress:run"
   },
   "private": true,
@@ -31,7 +32,7 @@
     "@angular/router": "10.0.2",
     "body-parser": "^1.18.3",
     "core-js": "^2.4.1",
-    "cypress": "^3.2.0",
+    "cypress": "^3.8.3",
     "express": "^4.16.2",
     "http-server": "^0.12.1",
     "moment": "^2.22.2",
 
@@ -0,0 +1,81 @@
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {CoursesCardListComponent} from './courses-card-list.component';
+import {CoursesModule} from '../courses.module';
+import {COURSES} from '../../../../server/db-data';
+import {DebugElement} from '@angular/core';
+import {By} from '@angular/platform-browser';
+import {sortCoursesBySeqNo} from '../home/sort-course-by-seq';
+import {Course} from '../model/course';
+import {setupCourses} from '../common/setup-test-data';
+
+
+
+
+describe('CoursesCardListComponent', () => {
+
+  let component: CoursesCardListComponent;
+  let fixture: ComponentFixture<CoursesCardListComponent>;
+  let el: DebugElement;
+
+  beforeEach(async( () => {
+
+    TestBed.configureTestingModule({
+      imports: [CoursesModule]
+    })
+      .compileComponents()
+      .then(() => {
+
+        fixture = TestBed.createComponent(CoursesCardListComponent);
+        component = fixture.componentInstance;
+        el = fixture.debugElement;
+        
+      });
+
+  }) );
+
+
+  it("should create the component", () => {
+
+   expect(component).toBeTruthy();
+
+  });
+
+
+  it("should display the course list", () => {
+
+    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", () => {
+
+    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);
+
+  });
+
+
+});
+
+