End-to-end testing avec Nightwatch.js

Basée sur Selenium et Node.js, la librairie Nightwatch.js pilote les navigateurs pour tester votre application web de bout en bout.

Transcript

1. End-to-end testing avec Nightwatch.js
2. Alex Fournier React & Java developer @ Lyra Network 2 / 9 « Présentation speaker »
3. 3 / 9 Selenium § Rappels § « C’est quoi Selenium ? A quoi ça sert ? » § Web drivers § « Explication du principe des web drivers Selenium. Il existe un driver spécifique pour chaque navigateur. Selenium communique avec ces drivers pour piloter le navigateur. »
4. 4 / 9 Nightwatch.js § Principe § « C’est quoi Nightwatch ? A quoi ça sert ? Comment ça marche ? » § Configuration § « Installation de Nightwatch, fichiers de configuration, explication des différents champs, configuration de Selenium et des web drivers. » § Tests § « Comment écrire et lancer des tests, variables globales, options CLI, tags, groups. » § « Page Objects » § « C’est quoi les Pages Objects ? Comment les utiliser ? En gros, c’est la définition d’une page HTML sous forme d’un objet Javascript (éléments & méthodes réutilisables) »
5. 5 / 9 Nightwatch.js § Assert / Expect § « Utilisation des libs assert et expect dans les tests pour effectuer des assertions sur les éléments de la page. » § API Nightwatch § « Explication des principales commandes Nightwatch. Cette API utilise l’API Selenium mais facilite certaines actions récurrentes en s’abstrayant de la syntaxe un peu plus lourde de Selenium. » § API Selenium § « Il est possible d’accéder directement à l’API complète de Selenium pour communiquer avec les web drivers. Syntaxe plus verbeuse mais il est possible de faire à peu près tout dans le navigateur. » API & Commandes
6. 6 / 9 Nightwatch.js § Custom commands § « Il est possible de définir ses propres commandes pour factoriser certaines actions récurrentes, qui deviennent alors accessibles directement via l’API Nightwatch. » § Parallel running § « Expliquer rapidement qu’il est possible de jouer plusieurs fichiers de test en parallèle et comment ça se configure. » § Intégration Grunt / Mocha § « Expliquer rapidement qu’il est possible de s’intégrer à Grunt et Mocha. » Aller plus loin
7. Démo 7 / 9 « Petite démonstration de Nigthwatch : installation, configuration, écriture d’un test en utilisant les différentes API et un Page Object. »
8. Conclusion & questions 8 / 9 Merci à toutes et à tous !
9. 9 / 9 alex-fournier alexfournier.eu al3xfournier alex.fournier.fr@gmail.com nightwatchjs nightwatchjs.org nightwatchjs nightwatchjs@googlegroups.com