Template pour permettre l'animation de cours CI et Tests Unitaires (voir branchesp lus bas).
Il contient une application angular simple qui affiche une calculatrice. Le composant calculatrice appelle un service qui contient l'ensemble de la logique.
Ce template inclu deux branches :
- main
- tests
Branche par défaut de l'application. Utilisez cette dernière pour réaliser des exercices dans lesquels les stagiaires devront rédiger les tests unitaires eux même. Est donc adapté aux cursus ayant déjà fait de l'Angular et du TypeScript
Comme pour la main, mis à part que l'ensemble des tests ont déjà été rédigés.
Cours adapté pour les modile CI
des cursus qui n'ont pas encore vu les tests unitaires et/ou angular.
- Cliquez sur 'utiliser ce template'
- Choisissez votre propre répo en répo de destination
- Si vous souhaitez utiliser la branche
tests
, pensez à cocher la case "dupliquer toutes les branches". Dans le cas contraire, passer à l'étape 5. - Effectuez un merge de la branche
tests
vers la branchemain
- Partagez le répo en public à vos élèves et réalisez les exercices.
- Clonez le projet et positionnez vous à sa racine
- Tapez
npm i
- Tapez
ng serve -o
ounpm start
npm run test
pour démarrer les tests unitaires avec JESTnpm run test:coverage
pour démarer les tests unitaires en mode coverage =======
This project was generated with Angular CLI version 13.0.4.
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.
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
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.