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 👨‍💻
  • Public beta depuis octobre 2017 🤘
  • Sorti de la beta en septembre 2018 🚀

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
  • 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
  • Code coverage
  • 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 ?

Donnez-nous un feedback !

(et gagnez un t-shirt)

Cypress - Expedia Meetup

By Rodolphe BUNG

Cypress - Expedia Meetup

Cypress presentation for Expedia Meetup

  • 1,078