(+33)1 55 60 76 72
Toutes nos formations sont disponibles en classe virtuelle. Contactez-nous pour plus d’informations : formation@oxiane.com

nouveauté UI Testing Pragmatique avec Cypress

Vous cherchez une formation et vous ne l'avez pas trouvée...Faites une suggestion
Accueil » Formations » Front / Mobile » UI Testing Pragmatique avec Cypress

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.

1300 € HT 2 jours DW-CYP

Programme

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

Visual Regression Testing

  • Tester la présentation
  • Détecter les régressions visuelles avec Cypress Component Testing & Percy

Automatisation

  • Configuration de la CI
  • Reporters
  • Cypress Dashboard
  • Parallelization

Profils des intervenants

Toutes nos formations sont animées par des consultants-formateurs expérimentés et reconnus par leurs pairs.

Modalités d'évaluation

Evaluation des acquis de la formation par le biais de cas pratiques et/ou mises en situation.
Attestation de formation remise à chaque participant.

Démarche qualité

Questionnaire d’évaluation de satisfaction à chaud complété par chaque participant à l’issue de la formation.

Moyens pédagogiques

Salle équipée de PC (1 poste par stagiaire), vidéo-projecteur.
Espace de pause.
    Dernière mise à jour le 26/07/2021