https://github.com/trainingitcourses/vaas-angular_testing-diciembre
🅰️ Curso de Angular Testing para Vaas
https://github.com/trainingitcourses/vaas-angular_testing-diciembre
angular course testing
Last synced: 2 months ago
JSON representation
🅰️ Curso de Angular Testing para Vaas
- Host: GitHub
- URL: https://github.com/trainingitcourses/vaas-angular_testing-diciembre
- Owner: TrainingITCourses
- Created: 2022-12-12T08:51:58.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-21T18:04:24.000Z (over 3 years ago)
- Last Synced: 2025-01-31T10:25:38.663Z (over 1 year ago)
- Topics: angular, course, testing
- Language: TypeScript
- Homepage:
- Size: 2.74 MB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Laboratory
> A sample project for Angular workshop demos
- **♊ Clone Repository on gitHub** _https://github.com/TrainingITCourses/vaas-angular_testing-diciembre _
- 🚚 Install dependencies `npm i`
- 🚀 Execute `npm run api` and `npm start` to run the app.
- 📕 Read the `docs` folder content for more info.
## Unit and Integration testing with only Jasmine alone
- **Base Store** `src\app\services\base.store.spec.ts` _Unit_
- **Api Store** `src\app\services\api.store.spec.ts` _Integration_
- **Spec Reporter** `npm install karma-spec-reporter --save-dev` _Add spec reporter_
- **tests** `src\test.spec.ts` _Choose running context_
- **Karma Config** `karma.conf.js` _Configuration_
## Jasmine Spy and test doubles
- **Options Service** `src\app\routes\options\options.service.spec.ts` _Spy calls to Collaborator_
- **Base Store** `src\app\services\base.store.spec.ts` _Spy private methods_
- **Api Store** `src\app\services\api.store.spec.ts` _Spy and stub dependencies_
- **TimeSpan Pipe** `src\app\pipes\time-span\time-span.pipe.spec.ts` _Extract logic from Angular artifacts_
## Test Bed: imports and providers
- **Api Service** `src\app\services\api.service.spec.ts` _HttpClientTestingModule_
- **Utils Service** `src\app\services\utils.service.spec.ts` _inject a mock_
- **Home Service** `src\app\routes\home\home.service.spec.ts` _integrated -> imports vs isolated -> providers_
## Component testing
- **Agencies Component** `src\app\routes\agencies\agencies.component.spec.ts` _integrated controller - isolated template_
- **Bookings Component** `src\app\routes\bookings\bookings.component.spec.ts` _isolated student task_
- **Options List** `src\app\routes\options\options.list.spec.ts` _OnPush / Hosted_
- **Home Component** `src\app\routes\home\home.component.spec.ts` _nested dependencies_
- **Trips Form filling** `src\app\routes\trips\trips.form.spec.ts` _form interaction_
---
🧑🏼💻 By Alberto Basalo
