Testing Angular Pragmatique (Live Virtual Class)

Blended learning

An wen richtet sich die Weiterbildung?

Web Designer

Dauer

2,00 Tag(e)

Sprache(n) der Dienstleistung

EN FR

Nächster Termin

05.01.2025
Ort
Live Virtual Class

Preis

1450,00€

Voraussetzungen

Une expérience de testing sera bénéfique afin de bien saisir les bonnes pratiques et astuces exposées lors de cette formation

Ziele

L’unit-testing ou plus particulièrement l’unit-testing front-end est indéniablement dans le top 3 des sujets les plus complexes associés au développement d’applications Angular. Face à cette complexité, il est tentant de renoncer mais à quel prix? Certes, il est possible de développer une application sans tests unitaires mais est-ce réellement plus rapide? Qu’advient-il de la maintenabilité du code quelques mois ou à peine quelques semaines plus tard? Pourrons-nous refactoriser l’application et la déployer régulièrement en toute sérénité au fur et à mesure qu’elle se complexifie et qu’elle vieillit entre nos mains?

Ce workshop présente à travers des exercices pratiques, des techniques pragmatiques d’unit-testing de composants et de services Angular. Vous y découvrirez également comment écrire des tests compréhensibles, maintenables et surtout rentables.

  • Maîtriser le coût des tests et adopter une stratégie de testing pragmatique et rentable
  • Implémenter des tests unitaires pour vos applications Angular avec l’approche Test-Driven Development
  • Choisir le bon type de tests à implémenter en fonction du contexte
  • Découpler les tests du code pour faciliter le refactoring
  • Implémenter des tests unitaires maintenables et compréhensibles
  • Comprendre la différence entre fakes, stubs, spies et mocks puis quand et comment les utiliser, comprendre la différence entre isolated, shallow & integration component testing
  • Comment et quand utiliser les Test Harnesses de l’Angular CDK

Inhalt

Introduction au testing
  • Pourquoi tester?
  • Les différents types de test
  • Définition d’une unité de code
  • Un exemple de test unitaire
Jest
  • Avantages et inconvénients
  • Mise en place de Jest
Test-Driven Development
  • Origines et intérêt du Test-Driven Development
  • Progressive TDD
  • Exercice: Tester un service Angular avec l’approche Progressive TDD
  • Exercice: Debugging avec Jest
  • Astuces et bonnes pratiques
Timeboxed TDD & TCR
  • Refactor vs. Rewrite: retour aux définitions
  • Timeboxed TDD
  • Limbo
  • TCR: Test && Commit || Revert
Test Doubles
  • Mocks vs Spies vs Stubs vs Fakes
  • Classicists vs Mockists
  • Choisir la bonne approche pour “overrider” l’injection de dépendance Angular
  • Type-Safe testing
  • Choosing the right way to override Angular dependency injection
  • Exercice: Simuler le comportement d’une dépendance avec Mocks, Spies & Stubs
Component Testing
  • Tester un composant
  • Les différents types de testing de composant: Integration vs. Shallow vs. Isolated
  • Interaction avec le DOM
  • Exercice: Shallow testing
  • Exercice: Integration testing
  • Exercice: Testing des inputs / outputs
  • Exercice: Interaction avec les formulaires
Angular CDK Test Harness
  • L’histoire d’Angular CDK Test Harness
  • Fonctionnement
  • Exercice: Utilisation d’un test harness
  • Exercice: Implémentation d’un test harness
Cypress Component Testing
  • Brisons les frontières de l’”isolated testing” avec Cypress Component Testing
  • Exercice: Isoler et tester un composant avec Cypress
  • Exercice: Réutiliser le test harness
Visual Regression Testing
  • Tester la présentation
  • Détecter les régressions visuelles avec Cypress Component Testing & Percy
Définir une Stratégie de Testing
  • Que faut-il tester et comment?

Zertifikat, Diplom

Une attestation de participation sera transmise aux participants

Nächster Termin

Datum
Stadt
Sprache und Preis
05.01.2025

06.01.2025
Live Virtual Class
FR 1450,00€

Kontakt für diese Weiterbildung

Nathalie Thielemans / Nassera Aici

Diese Weiterbildungen könnten Sie interessieren

FR
Tag
Windhof (Koerich)
Logiciel - Framework - Framework React
02.01.2025
FR
Tag
Windhof (Koerich)
Logiciel - Framework - Framework React
02.01.2025