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

Les tests E2E, avant ...🦖

Cypress 🎉

I see it .. I like it .. I want it .. I got it

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

😍

Ce qui est inclus

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
    • cypress-axe, 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 Devfest Lille

By Rodolphe BUNG

Cypress Devfest Lille

Cypress slides for Devfest Lille conference

  • 1,203