uchilaka/hero-example-project

Example Angular Project showing unit tests (with Karma, built in), routing and basic angular state management

HeroExampleApp

This project was generated with Angular CLI version 8.3.17.

Backlog

• Github PR templates
• Configuring the test suite (Karma + Jasmine)
  • To run in headless mode
  • To output test reports as HTML
  • Coverage libraries, limits and other configurations

Tutorial

We're following the main angular tutorial for building a Hero feature.

Next Lesson Plan

• Continue feature development from The Angular Hero Example Project
• Update angular.json to pull in styles from /src/styles
• More TDD
• Configure test coverage reporting
• Using jasmine spy
• Configure coverage limits (in the IstanbulReporter)
  • Using package.json
  • Using karma.conf.js

Homework

• Complete the FUNDAMENTALS > Tour of Heroes App > 1. Hero Editor tutorial in a new branch
• Create a PR for those changes
• Invite uchilaka to review your PR
• Merge your PR into master after approval

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.