Simulation de navigateur web pour les tests de non régression graphique

PhantomCSS aide à automatiser les tests de non régression graphique et permet ainsi d'optimiser la qualité visuelle des sites et applications web tout en faisant gagner un temps certain aux testeurs.

 

PhantomCSS & Actency

 

Cette technologie est basée sur CasperJS, qui elle-même se base sur PhantomJS : un navigateur web qui peut être utilisé au sein d'un script automatique. Sa prise en main et son installation est complexe et nécessite d'avoir des connaissances en développement, ce n'est pas un outil tout public. Une fois installé et configuré PhantomCSS peut être utilisé, toujours via du développement, pour générer les screenshots témoins qui serviront de référence.

Il est possible de générer puis de comparer des screenshots de pages entières ou bien d'un composant (par exemple le header de la page). On notera donc une limite (logique) qui est que les pages testées doivent rester figées en terme de contenu. En effet si la base de test qui sert de référence voit ses contenus changer, la validation sera alors forcément faussée par rapport aux captures d'écran qui elles n'auront pas été modifiées.

Une bonne approche sera donc d'écrire les tests de validation plutôt par composant et de créer, sur une base dédiée aux tests, quelques contenus représentatifs qui permettront de vérifier que l'agencement des composants et donc la page dans son ensemble reste correcte. Pour aller plus loin, et c'est là que PhantomCSS prend tout son intérêt, il conviendra d'intégrer ces scripts dans un outil de tests automatisés (à l'aide de Jenkins ou Travis par exemple).

Chaque nouvelle release du projet bénéficiera alors d'une validation graphique automatique. De manière générale, les outils de test de non régression graphique sont vieillissants et peu user friendly. PhantomCSS n'échappe à la règle et on constatera d'ailleurs qu'il n'est plus maintenu depuis 2018. Il reste toutefois efficace et réalise le travail attendu tout en étant gratuit, c'est donc un outil qui reste à considérer aujourd'hui et jusqu'à ce qu'un remplaçant plus moderne émerge.

Vous souhaitez une démonstration de PhantomCSS ?
Rencontrons-nous.

CARACTÉRISTIQUES

Langage
Pérennité
Maintenance
Public
Licence

Javascript
2013 - 2018
N'est plus maintenu
Développeurs / Testeurs
Gratuit

  • Tests de non régression graphique 

PhantomCSS est un outil de simulation de navigateur web dont l'objectif est de valider qu'une release n'apportera pas de régression graphique. Basé sur des captures d'écran "témoins", il simule la navigation sur le site ou l'application web et compare les pages souhaitées avec ces captures pour vérifier que l'affichage reste correct.

Une offre qui répond aux enjeux de nos clients

Découvrez nos références

Nos clients s'intéressent également à d'autres technologies

Behat

Un framework de tests avancés et personnalisables pour conduire les développements par la qualité

Google Cloud Platform

Une plateforme de cloud computing exploitant l'infrastructure de Google

Ansible

Outil d'automatisation de configuration

Terraform

Automatisation de création d'infrastructures

Découvrir plus de workshop technologiques

Image
Actency-enjeu-chaine-Devops-Developpement-et-Operations
Webinar

Maîtriser votre chaîne Devops : enjeux et gains associés

  • 25 Mai 2021
    09:30 - 10:00
Image
Actency Webina Design System
Webinar

Centraliser et rendre consistante l'identité visuelle de vos produits grâce aux Design Systems

  • 20 Mai 2021
    10:00 - 10:30
Image
Actency Drupal 9
Webinar

Franchir le cap de Drupal 9, quid d'une solution pérenne et innovante

  • 25 Mai 2021
    09:30 - 10:00
Image
Actency - Publier et traduire via un Content Hub les contenus de tous vos sites Drupal
Webinar

Publier et traduire via un Content Hub les contenus de tous vos sites Drupal

  • 25 Mai 2021
    09:30 - 10:00
Image
Actency - Réassurance  - 7 Agences et Bureaux en France
7 Agences & Bureaux
en France
150 Experts
Image
Actency - Réassurance  - 150 experts
+1 200 Projets
Image
Actency - Réassurance - Contributeur et conférencier Drupal en Europe
Contributeur Et conférencier Drupal en Europe
11 500 Jours/hommes par an
Image
Actency - Réassurance - 11500 jours hommes par an
Nous contribuons aux évolutions et aux conférences Drupal en Europe
Image
Actency - Drupal - DrupalCon
Image
Actency - Événements - Paris OpenSource Summit
Image
Actency - Événements - IT & IT Security Meetings
Image
Actency - Événements - DrupalCamp 2020