Cypress, l’outil qui va vous faire aimer les tests End-to-End !

Les tests E2E, avant ...🦖

Cypress 🎉

C'est quoi ?

  • Initié par Brian Mann en 2014 👨‍💻
  • Public beta depuis octobre 2017 🤘
  • Sorti de la beta en septembre 2018 🚀

Expérience développeur

😍

Au fait, t'es qui ?

  • Rodolphe Bung
  • Développeur depuis 2005

Démo ! 👨‍💻👩‍💻

Installation

Une seule ligne de commande ✅

npm install -D cypress

On résume ! 🙋‍♂️

  • Test navigation
  • Test unitaire de page
  • Intercepter et stubber les requêtes XHR 😎
  • Les customs commands
  • Lancer/Debugger les tests via l'UI
  • Lancer les tests en mode headless
  • Le dashboard service 💰
  • Exécution en parallèle automatique 💰

Mais aussi 💁‍♂️

  • Tester unitairement ses composants
    • angular, react, vue, hyperapp, svelte
  • Tester visuellement
    • cypress-image-snapshot, Applitools, Percy
  • Cucumber
  • Typescript
  • D'autres customs commands
    • cy-view, cypress-testing-library

Et la roadmap ?

La communauté

Des inconvénients ? 👿

  • Pas de support de plusieurs onglets/fenêtres
  • Support d'autres navigateurs (ça arrive 🤞)
  • Faire tourner les tests en parallèle en local
  • Seulement JavaScript

Ressources 📚

Merci ! 🙏

Des questions ?

Cypress BreizhCamp

By Rodolphe BUNG

Cypress BreizhCamp

Cypress slides for BreizhCamp conference

  • 1,326