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

Les tests E2E, avant ...🦖

Cypress 🎉

Give people wonderful tools, and they’ll do wonderful things

C'est quoi ?

  • Initié par Brian Mann en 2014 👨‍💻
  • 1ère release en septembre 2018 🚀
  • Basé principalement à Atlanta

Expérience développeur

😍

Ce qui est inclus

Rodolphe Bung

Développeur depuis 2005

 

Jordan Nourry

Développeur depuis 2009

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
  • Code coverage
  • Multi-navigateur
  • 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
    • cypress-axe, cy-view, cypress-testing-library

Et la roadmap ?

La communauté

Des inconvénients ? 👿

  • Pas de support de plusieurs onglets/fenêtres
  • Pas de support d'autres navigateurs => dispo depuis la 4.0 🎉
  • Faire tourner les tests en parallèle en local
  • Seulement JavaScript

Ressources 📚

Merci ! 🙏

Cypress BBL

By Rodolphe BUNG

Cypress BBL

Cypress BBL presentation

  • 809