UI Testing Pragmatique avec Cypress

Combien de temps dure la formation ?

2,00 jour(s)

Dans quelle(s) langue(s) la formation est-elle donnée ?

EN FR

Quand a lieu la prochaine session ?

Qui organise cette formation ?

OXiane est spécialisé dans la conception et la réalisation de formations informatiques et de supports de cours pédagogiques sur les dernières technologies. Nos différentes filières permettent de couvrir tous les besoins en formation que ce soit en IT au sens large, mais également "Utilisateurs" et "Soft Skills" en Management, Communication & leadership.

À qui s’adresse la formation ?

Développeur web

Quels sont les prérequis ?

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

Quels sont les objectifs poursuivis ou les compétences visées ?

Le testing ou plus particulièrement le testing front-end est indéniablement dans le top 3 des sujets les plus complexes associés au développement d’applications web.
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? Qu’en est-il des tests end-to-end? Sont-ils suffisants?

Ce workshop présente à travers des exercices pratiques, des techniques pragmatiques de testing avec Cypress. Vous y découvrirez également comment écrire des tests compréhensibles, maintenables et surtout rentables.

Implémenter différents types de test pour vos applications Angular, React, VueJS ou sans framework avec Cypress
Tester les interactions réseau
Choisir le meilleur type de tests en fonction du contexte
Découpler les tests du code afin de réduire les coûts de testing et de maintenance
Implémenter des tests maintenables et human-readable
Choisir le bon périmètre pour vos tests
Comment et quand utiliser des Test Harnesses
Comment et quand utiliser le Component Testing de Cypress
Découvrir de nombreuses bonnes pratiques et astuces qui vous permettront d’adopter une stratégie de testing pragmatique et rentable

Quel est le contenu de la formation ?

Introduction au testing

Pourquoi tester?
Les différents types de test
Les stratégies de testing: cornet de glace, pyramide vs rayon de miel

Cypress Core Features

Developer eXperience
Rapidité
Debuggabilité
Retry-ability
Cohérence et stabilité

Premier Test

Mise en place de Cypress
Mise en place de Cypress avec Nx
Exercice: Implémenter et lancer un premier test

Fondamentaux Cypress

Les commandes
Les assertions
Exercice: Interagir avec le DOM
Debugging
Organisation des tests
Exercice: Interagir avec les formulaires
Variables & aliases

Cypress Network Testing

Avantages et inconvénients des différentes techniques
Exercice: Intercepter les requêtes
Exercice: Utiliser des fixtures
Exercice: Utiliser une sandbox

Retour vers le future

Exercice: Jouer avec le timer

“Keeping Tests Healthy with DOM Distancing”

Tests attributes
Cypress Custom Commands
Page objects
Test Harnesses

Test Harnesses

L’histoire des Test Harnesses
Comment cela fonctionne
Exercice: Utilisation des test harnesses
Exercice: Implémentation de test harnesses

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

Tester les Interactions

Stubs & Spies
Exercice: “Overrider” les dépendances avec l’injection de dépendance et les spies
Exercice: Tester la communication à base de props, inputs & outputs