Playwright

Playwright est une bibliothèque open source d'automatisation de navigateurs, maintenue par Microsoft. Elle pilote Chromium, Firefox et WebKit avec une seule API et propose des liaisons officielles pour JavaScript et TypeScript, Python, Java et .NET. Un script ouvre des pages, clique, saisit du texte, attend l'activité réseau et lit le DOM, en général dans un navigateur sans interface, sans fenêtre visible.

Playwright inclut son propre lanceur de tests, Playwright Test, qui ajoute l'exécution parallèle des tests, les relances, le traçage et les assertions sur les captures d'écran. De nombreuses équipes l'utilisent pour les tests de bout en bout et pour générer des captures d'écran dans un pipeline de build ou de déploiement.

Ce que Playwright permet de faire

• Ouvrir une page dans Chromium, Firefox ou WebKit avec le même script.
• Émuler un appareil : taille de la fenêtre d'affichage, facteur d'échelle de l'appareil, tactile, langue, fuseau horaire et thème de couleur.
• Remplir des formulaires, cliquer sur des éléments et attendre des sélecteurs, des requêtes réseau ou des états de chargement de page.
• Intercepter ou simuler des requêtes réseau.
• Enregistrer des traces, des vidéos et des captures d'écran de chaque exécution de test.

Playwright pour les captures d'écran

page.screenshot() enregistre la fenêtre d'affichage actuelle en PNG ou en JPEG. L'option fullPage capture toute la page défilante, clip capture un rectangle, et locator.screenshot() capture un seul élément. Le deviceScaleFactor du contexte du navigateur détermine si la sortie est en résolution 1x ou 2x.

Dans Playwright Test, toHaveScreenshot() compare une nouvelle image avec une référence enregistrée et fait échouer le test quand la différence de pixels dépasse un seuil. C'est une base courante pour la régression visuelle.

Playwright ou Puppeteer

Les deux bibliothèques pilotent les navigateurs depuis du code, et toutes deux réalisent des captures d'écran et des PDF. Playwright prend en charge Chromium, Firefox et WebKit et propose des liaisons pour quatre écosystèmes de langages. Puppeteer est une bibliothèque Node.js centrée sur Chrome, avec une prise en charge de Firefox ajoutée plus tard. Playwright inclut un lanceur de tests complet, tandis que Puppeteer est en général combiné à un lanceur séparé comme Jest. Le choix dépend souvent du langage, de la couverture des navigateurs et des outils que l'équipe utilise déjà.

Erreurs courantes

• Capturer avant la fin du chargement des polices web, des images ou du contenu différé.
• Laisser les bannières de cookies ou les widgets de chat dans le cadre.
• Comparer des références prises sur un système d'exploitation différent, où le rendu des polices diffère.
• Oublier que la fenêtre d'affichage par défaut est petite, et non de la largeur d'un bureau type.

Vous refaites les mêmes captures encore et encore ?

Website Capture de Temposhot capture une liste d'URL en Desktop 1920×1080, Tablet 768×1024 ou Mobile 390×844, sans écrire de script. Consultez l'automatisation des captures de sites web.

Questions fréquentes

Playwright est-il gratuit ?

Oui. Playwright est open source, sous licence Apache 2.0.

Playwright peut-il capturer une page web entière ?

Oui. Passez fullPage: true à page.screenshot(). Les pages à chargement différé peuvent devoir être parcourues d'abord pour que toutes les images se chargent.

Playwright a-t-il besoin d'un navigateur visible ?

Non. Il fonctionne sans interface par défaut, et peut aussi afficher une fenêtre pour le débogage.

Sources

• Playwright documentation
• Playwright screenshots guide
• Playwright visual comparisons

Ressources associées

• Démarrage rapide de Website Capture : capturer une liste d'URL sans code.
• Options de Website Capture : réglages d'appareil, de zone, d'attente et de format.
• Comparer des images : rechercher les différences entre deux captures dans le navigateur.