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

Drupal
Jira
65
jours de cadrage et d'accompagnement
4,3 Ms
de pages web
3 Ms
d'actes remboursés
Drupal
GitLab
Confluence
Jira
12
plateformes digitales
15 Ms
de visites par jour

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

Google Cloud Platform

Une platforme de cloud computing exploitant l'infrastructure de Google

Ansible

Outil d'automatisation de configuration

Terraform

Automatisation de création d'infrastructures

Behat

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

Docker

La solution de conteneursation la plus populaire

Kubernetes

Le plus complet des orchestrateurs de conteneurs

Drupal

Système de gestion de contenu puissant, simple, en open source et évolutif

Symfony

La technologie désormais incontournable pour développer des applications sur-mesure et compléter les offres qui n’existent pas sur le marché.

Jenkins

Un outil d'intégration continue très complet

Travis

Un service de CI en ligne très rapide à interfacer avec n'importe quel type de dépôt de code

GitLab

L'une des quatre principales forges logicielles en ligne basée sur Git. La solution open source la plus complète.

Jira

Solution de suivi de développement largement adoptée par la plupart des grands comptes.

Confluence

Outil de travail collaboratif sous forme de wiki pour documenter efficacement ses projets

Angular

Framework de développement applicatif très populaire pour le développement de frontends découplés

React

Bibliothèque de composants javascript favorisant le développement d'applications web single page

Vue

Framework de développement applicatif progressif et accessible

RabbitMQ

Agent de messages open-source permettant de gérer les communications entre plusieurs services d'un écosystème

Solr

Solr est la plateforme logicielle de moteur de recherche la plus répandue au sein de la communauté Drupal.

Elastic Search

Elastic search est une plateforme logicielle de moteur de recherche axée sur la performance.

Oracle Eloqua

Une des plateformes marketing automation les plus puissantes pour le BtoB

Découvrir plus de workshop technologiques

Image
Une_usine_a_sites_Drupal_workshop_Actency
Webinar

Une usine à sites avec Drupal, pourquoi ?

  • 7 Octobre 2020
    09:30 - 10:00
Image
Savoir_gerer_un_projet_drupal_agile
Webinar

Savoir gérer un projet Drupal en méthode Agile

  • 2 Octobre 2020
    11:30 - 12:00
Image
REX_refonte_de_mutuelles_workshop_Actency
Webinar

REX Refonte de Mutuelles sur Drupal : Difficultés et Solutions

  • 7 Octobre 2020
    09:30 - 10:00
Image
Les_defis_de_intégration_Drupal_workshop_Actency
Webinar

Les défis de l'intégration Drupal dans un SI complexe

  • 2 Octobre 2020
    09:30 - 10:00
Image
Workshop Actency Strasbourg Paris Toulouse Lyon Bordeaux Nouvelle Orléans
Webinar

Exploitez les dernières innovations dans une usine à sites

  • 7 Octobre 2020
    11:30 - 12:00
Image
Demystifions_l_agile
Webinar

Démystifions l'Agile

  • 1 Octobre 2020
    11:30 - 12:00
Image
Solution_headless_drupal_workshop_Actency
Webinar

Solution headless Drupal : outil d’intégration d’informations dans le content workflow

  • 11 November 2020
    09:30 - 10:00
Image
conference
7 Agences & Bureaux
en France
150 Experts
Image
strasbourg fog
+1 200 Projets
Image
conference speaker
Contributeur Et conférencier Drupal en Europe
11 500 Jours/hommes par an
Image
man typing
Nous contribuons aux évolutions et aux conférences Drupal en Europe
Image
DrupalCon logo
Image
POS logo
Image
it meetings logo
Image
drupal camp logo