1 simple test for calculator service

.gitignore

@@ -41,3 +41,5 @@ testem.log
 .DS_Store
 Thumbs.db
 tmp.html
+/local-samples
+*.mp4

.travis.yml

@@ -0,0 +1,20 @@
+
+language: node_js
+node_js:
+  - 12
+addons:
+  apt:
+    packages:
+      # Ubuntu 16+ does not install this dependency by default, so we need to install it ourselves
+      - libgconf-2-4
+cache:
+  # Caches $HOME/.npm when npm ci is default script command
+  # Caches node_modules in all other cases
+  npm: true
+  directories:
+    # we also need to cache folder with Cypress binary
+    - ~/.cache
+install:
+  - npm ci
+script:
+  - npm run e2e

README.md

@@ -3,16 +3,14 @@
 
 This repository contains the code of the [Angular Testing Course](https://angular-university.io/course/angular-testing-course).
 
-This course repository is updated to Angular v7, and there is a  package-lock.json file available, for avoiding semantic versioning installation issues.
+This course repository is updated to Angular v8, and there is a  package-lock.json file available, for avoiding semantic versioning installation issues.
 
 ![Angular Testing Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png)
 
 
 # Installation pre-requisites
 
-IMPORTANT: Please use NPM 5 or above, to make sure the package-lock.json is used.
-
-For running this project we need and npm installed on our machine. These are some tutorials to install node in different operating systems:
+For running this project we need node and npm installed on our machine. These are some tutorials to install node in different operating systems:
 
 *Its important to install the latest version of Node*
 

browserslist

@@ -0,0 +1,12 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11 # For IE 9-11 support, remove 'not'.

cypress.json

@@ -0,0 +1,3 @@
+{
+  "baseUrl": "http://localhost:4200"
+}

cypress/fixtures/courses.json

@@ -0,0 +1,152 @@
+{
+  "payload": [
+    {
+      "id": 1,
+      "titles": {
+        "description": "Serverless Angular with Firebase Course",
+        "longDescription": "Serveless Angular with Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire"
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/serverless-angular-small.png",
+      "lessonsCount": 10,
+      "category": "BEGINNER",
+      "seqNo": 4,
+      "url": "serverless-angular"
+    },
+    {
+      "id": 2,
+      "titles": {
+        "description": "Angular Core Deep Dive",
+        "longDescription": "A detailed walk-through of the most important part of Angular - the Core and Common modules"
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-core-in-depth-small.png",
+      "lessonsCount": 10,
+      "category": "BEGINNER",
+      "seqNo": 1,
+      "url": "angular-core-course"
+    },
+    {
+      "id": 3,
+      "titles": {
+        "description": "RxJs In Practice Course",
+        "longDescription": "Understand the RxJs Observable pattern, learn the RxJs Operators via practical examples"
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/rxjs-in-practice-course.png",
+      "courseListIcon": "https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png",
+      "category": "BEGINNER",
+      "lessonsCount": 10,
+      "seqNo": 2,
+      "url": "rxjs-course"
+    },
+    {
+      "id": 4,
+      "titles": {
+        "description": "NgRx In Depth",
+        "longDescription": "Learn the modern Ngrx Ecosystem, including Store, Effects, Router Store, Ngrx Entity, Dev Tools and Schematics."
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-ngrx-course.png",
+      "courseListIcon": "https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png",
+      "category": "BEGINNER",
+      "lessonsCount": 10,
+      "seqNo": 3,
+      "url": "ngrx-course"
+    },
+    {
+      "id": 5,
+      "titles": {
+        "description": "Angular for Beginners",
+        "longDescription": "Establish a solid layer of fundamentals, learn what's under the hood of Angular"
+      },
+      "iconUrl": "https://angular-academy.s3.amazonaws.com/thumbnails/angular2-for-beginners-small-v2.png",
+      "courseListIcon": "https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png",
+      "category": "BEGINNER",
+      "lessonsCount": 10,
+      "seqNo": 5,
+      "url": "angular-for-beginners"
+    },
+    {
+      "id": 6,
+      "titles": {
+        "description": "Angular Security Course - Web Security Fundamentals",
+        "longDescription": "Learn Web Security Fundamentals and apply them to defend an Angular / Node Application from multiple types of attacks."
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png",
+      "courseListIcon": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/lock-v2.png",
+      "category": "ADVANCED",
+      "lessonsCount": 11,
+      "seqNo": 6,
+      "url": "angular-security-course"
+    },
+    {
+      "id": 7,
+      "titles": {
+        "description": "Angular PWA - Progressive Web Apps Course",
+        "longDescription": "Learn Angular Progressive Web Applications, build the future of the Web Today."
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-pwa-course.png",
+      "courseListIcon": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/alien.png",
+      "category": "ADVANCED",
+      "lessonsCount": 8,
+      "seqNo": 7,
+      "url": "angular-pwa-course"
+    },
+    {
+      "id": 8,
+      "titles": {
+        "description": "Angular Advanced Library Laboratory: Build Your Own Library",
+        "longDescription": "Learn Advanced Angular functionality typically used in Library Development. Advanced Components, Directives, Testing, Npm"
+      },
+      "iconUrl": "https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png",
+      "courseListIcon": "https://angular-academy.s3.amazonaws.com/thumbnails/angular-advanced-lesson-icon.png",
+      "category": "ADVANCED",
+      "seqNo": 8,
+      "url": "angular-advanced-course"
+    },
+    {
+      "id": 9,
+      "titles": {
+        "description": "The Complete Typescript Course",
+        "longDescription": "Complete Guide to Typescript From Scratch: Learn the language in-depth and use it to build a Node REST API."
+      },
+      "iconUrl": "https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png",
+      "courseListIcon": "https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-lesson.png",
+      "category": "BEGINNER",
+      "seqNo": 9,
+      "url": "typescript-course"
+    },
+    {
+      "id": 10,
+      "titles": {
+        "description": "Rxjs and Reactive Patterns Angular Architecture Course",
+        "longDescription": "Learn the core RxJs Observable Pattern as well and many other Design Patterns for building Reactive Angular Applications."
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png",
+      "courseListIcon": "https://angular-academy.s3.amazonaws.com/course-logos/observables_rxjs.png",
+      "category": "BEGINNER",
+      "seqNo": 10,
+      "url": "rxjs-patterns-course"
+    },
+    {
+      "id": 11,
+      "titles": {
+        "description": "Angular Material Course",
+        "longDescription": "Build Applications with the official Angular Widget Library"
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/material_design.png",
+      "category": "BEGINNER",
+      "seqNo": 11,
+      "url": "angular-material-course"
+    },
+    {
+      "id": 12,
+      "titles": {
+        "description": "Angular Testing Course",
+        "longDescription": "In-depth guide to Unit Testing and E2E Testing of Angular Applications"
+      },
+      "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png",
+      "category": "BEGINNER",
+      "seqNo": 0,
+      "url": "angular-testing-course",
+      "lessonsCount": 10
+    }
+  ]
+}

cypress/fixtures/testing-course.json

@@ -0,0 +1,12 @@
+{
+  "id": 12,
+  "titles": {
+    "description": "Angular Testing Course",
+    "longDescription": "In-depth guide to Unit Testing and E2E Testing of Angular Applications"
+  },
+  "iconUrl": "https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png",
+  "category": "BEGINNER",
+  "seqNo": 0,
+  "url": "angular-testing-course",
+  "lessonsCount": 10
+}

cypress/fixtures/testing-lessons-page-1.json

@@ -0,0 +1,25 @@
+{
+  "payload": [
+    {
+      "id": 40,
+      "description": "Angular Testing Course - Helicopter View",
+      "duration": "5:38",
+      "seqNo": 1,
+      "courseId": 12
+    },
+    {
+      "id": 41,
+      "description": "Setting Up the Development Environment",
+      "duration": "5:12",
+      "seqNo": 2,
+      "courseId": 12
+    },
+    {
+      "id": 42,
+      "description": "Introduction to Jasmine, Spies and specs",
+      "duration": "4:07",
+      "seqNo": 3,
+      "courseId": 12
+    }
+  ]
+}

cypress/fixtures/testing-lessons-page-2.json

@@ -0,0 +1,25 @@
+{
+  "payload": [
+    {
+      "id": 43,
+      "description": "Introduction to Service Testing",
+      "duration": "7:32",
+      "seqNo": 4,
+      "courseId": 12
+    },
+    {
+      "id": 44,
+      "description": "Settting up the Angular TestBed",
+      "duration": "6:28",
+      "seqNo": 5,
+      "courseId": 12
+    },
+    {
+      "id": 45,
+      "description": "Mocking Angular HTTP requests",
+      "duration": "4:38",
+      "seqNo": 6,
+      "courseId": 12
+    }
+  ]
+}

cypress/plugins/index.js

@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}

cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This is will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

cypress/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')