Comparatif : Delta-QA ou BackstopJS, quel outil gratuit pour vos tests visuels ?
BackstopJS et Delta-QA ont un point commun rare sur le marché : ils sont tous les deux gratuits, sans limite, et fonctionnent en local. Pas de cloud, pas d'abonnement, pas de compteur de snapshots. Mais c'est à peu près le seul point commun.
BackstopJS est un outil open source pour développeurs. Delta-QA est une application desktop pour toute l'équipe. La différence se résume à une question : qui va créer et maintenir les tests ?
L'approche BackstopJS
BackstopJS fonctionne avec un fichier de configuration JSON où vous déclarez les pages à tester, les viewports, et les éventuelles zones à masquer. Ensuite, Puppeteer (Chrome) capture les pages et compare les screenshots à des baselines stockées en local.
Normalement on vous montrerait le fichier JSON ici. Mais avouons-le, en 2026 vous demandez "génère-moi un backstop.json pour mon site" à votre IA et c'est fait en 5 secondes. Ce qui ne change pas, c'est qu'il faut comprendre la structure, la maintenir quand les pages changent, et debugger quand les tests échouent.
L'outil génère un rapport HTML visuel côte à côte — c'est clair et lisible. Mais tout le workflow passe par le terminal : backstop test, backstop approve, backstop reference.
L'approche Delta-QA
Delta-QA ne demande aucune configuration. Pas de JSON, pas de terminal, pas de CLI. On ouvre l'application, on entre l'URL, on navigue sur le site. L'outil enregistre les actions et capture les pages. Pour comparer, on relance le scénario.
Le rapport est aussi visuel que celui de BackstopJS — comparaison côte à côte, différences surlignées. Mais la création du test prend 2 minutes au lieu de 20.
Chrome seul vs multi-navigateur
BackstopJS fonctionne exclusivement avec Puppeteer, donc Chrome (Chromium). Si vous voulez tester Firefox ou Safari, il faut un autre outil.
Delta-QA supporte Chrome, Firefox et WebKit (Safari). Votre site s'affiche différemment selon les navigateurs — c'est un fait que le test cross-browser adresse. Avec BackstopJS, vous ne le saurez pas.
La maintenance
Avec BackstopJS, chaque changement d'URL, d'identifiant de page, de viewport ou de zone à masquer nécessite de modifier le fichier de configuration. Sur un site de 50 pages, le fichier JSON devient long et fragile. Ajouter une page, c'est ajouter une entrée. Renommer un chemin, c'est casser un test.
Avec Delta-QA, modifier un scénario c'est le ré-enregistrer. Quelques clics, pas d'édition de fichier.
Le coût réel du "gratuit"
Les deux outils sont gratuits. Mais le coût n'est pas la licence — c'est le temps.
BackstopJS est gratuit en licence mais coûte du temps développeur : setup initial, écriture de la config, maintenance des fichiers JSON, debug des faux positifs, gestion des baselines. C'est du temps dev qui ne produit pas de features.
Delta-QA est gratuit en licence et en temps. Le QA crée ses tests en quelques minutes sans mobiliser un développeur. Le temps gagné se compte en jours sur un trimestre.
Faux positifs
BackstopJS fait du pixel diff brut. Les variations d'anti-aliasing, de rendu de fonts entre deux exécutions, les micro-décalages de sous-pixel — tout ça génère des faux positifs qu'il faut trier manuellement. On peut configurer des seuils de tolérance, mais c'est un réglage fin qui demande de l'expérience.
Delta-QA utilise une comparaison structurelle CSS qui ne dépend pas du rendu graphique. Zéro faux positif sur 429 cas validés.
Pour qui
BackstopJS est le bon choix si vous êtes développeur, si vous aimez la ligne de commande, si Chrome seul vous suffit, et si vous avez le temps de maintenir la configuration.
Delta-QA est le bon choix si votre équipe QA veut être autonome, si vous avez besoin de multi-navigateur, si vous voulez des résultats sans passer par le terminal, ou si vous cherchez le test visuel le plus simple à mettre en place.
FAQ
BackstopJS est-il encore maintenu ?
BackstopJS est un projet communautaire open source. Il est moins activement maintenu que les solutions commerciales. Les issues et PRs peuvent rester ouvertes longtemps. C'est un risque à considérer pour un usage en production.
Lequel est le plus rapide à installer ?
Delta-QA : télécharger et ouvrir (30 secondes). BackstopJS : npm install backstopjs, créer le fichier de config, générer les baselines (15-30 minutes minimum).
Peut-on migrer de BackstopJS vers Delta-QA ?
Oui. Il n'y a pas de données à migrer — les baselines se recréent en enregistrant les scénarios dans Delta-QA. La migration prend quelques heures pour recréer les tests principaux.
BackstopJS supporte-t-il les parcours utilisateur ?
Partiellement. BackstopJS peut exécuter des scripts Puppeteer avant la capture (cliquer, remplir un formulaire), mais il faut les écrire en JavaScript. Delta-QA enregistre les parcours par navigation — pas de code.
BackstopJS et Delta-QA sont tous les deux gratuits et locaux. La différence tient en une phrase : BackstopJS demande un développeur pour configurer et maintenir les tests. Delta-QA permet à n'importe qui dans l'équipe de les créer en quelques clics.
Essayer Delta-QA Gratuitement →
Article précédent : Delta-QA vs Chromatic