Archive

Articles taggués ‘phantomjs’

Tester le front-end JavaScript d’une application web

Introduction

La mise en place des tests automatiques permet de s’assurer du bon fonctionnement et de la conformité au cahier des charges d’une application. Beaucoup d’équipes de développement ont intégré des processus d’automatisation des tests au sein de la stratégie d’intégration continue.

Le back-end est systématiquement soumis à des suites de tests unitaires, mais qu’en est-il des tests du front-end ?

Souvent délaissé, on ne le teste que très peu, voire pas du tout. Seuls les tests manuels sont mis en place : on ouvre le navigateur et on vérifie que tout marche correctement.

Ce genre de tests ne permet pas de vérifier la majeure partie du code rédigé car ils se concentrent uniquement sur le fonctionnel et le visuel.

Mettre en place des tests du front-end structurés, par exemple en utilisant des mock objects (simulation des réponses d’une API REST du back-end), permet également de développer l’interface graphique sans avoir à attendre un back-end fonctionnel : c’est plus efficient.

Enfin, avec l’arrivée des nouveaux frameworks de front-end full-javascript (Angular, Backbone, Ember, et j’en passe), on crée des modules réutilisables, qu’il convient de valider et de tester afin de mesurer leur stabilité, et donc leur ré-utilisabilité dans d’autres projets… tout comme on le ferait pour un module Node.js !

Lire la suite…