
Kit QA navigateur
Un plugin compact pour la QA basée sur navigateur couvrant les interactions automatisées, la vérification visuelle et le débogage d’applications web locales.
Installer
Exécutez cette commande pour installer toutes les compétences de ce pack :
npx skillstore add @browser-qa-kit La CLI détecte automatiquement les dossiers Codex et Claude Code et installe la compétence dans les deux lorsqu’ils sont disponibles.
Aperçu
Guide d’utilisation
Amélioré par l’IAGuide détaillé
## Vue d’ensemble Browser QA Kit regroupe trois compétences de QA axées sur le navigateur pour les vérifications d’UI de bout en bout : interactions Playwright automatisées, vérification visuelle par captures d’écran et débogage d’applications web locales avec les logs du navigateur. Utilisez-le lorsque vous devez tester le comportement réel de l’UI au lieu d’inspecter uniquement le code. ## Démarrage rapide 1. Installez le plugin dans votre espace de travail OpenClaw lorsque vous avez besoin de QA basée sur navigateur pour une application web ou un frontend local. 2. Utilisez `playwright-browser-automation` (`adammanuel-dev-playwright-browser-automation`) pour détecter automatiquement les serveurs de développement, parcourir les pages, remplir les formulaires, valider les flux de login, vérifier les liens, capturer des captures d’écran et écrire des scripts Playwright temporaires sous `/tmp`. 3. Utilisez `browser-testing-with-screenshots` (`agentworkforce-browser-testing-with-screenshots`) lorsque vous avez besoin d’une vérification visuelle : piloter les interactions Chrome, sélectionner des éléments, capturer des captures d’écran et confirmer que les états clés de l’UI sont corrects visuellement. 4. Utilisez `webapp-testing` (`artemisai-webapp-testing`) pour le débogage d’applications web locales avec Playwright, des captures d’écran du navigateur, les logs du navigateur et des vérifications ciblées du comportement frontend. ## Commandes clés - `playwright-browser-automation` — automatisez les interactions du navigateur, les vérifications responsive, les flux de login, les vérifications de liens, les captures d’écran et la validation générale de sites web basée sur Playwright. - `browser-testing-with-screenshots` — exécutez des tests visuels dans le navigateur avec l’automatisation Chrome, la sélection d’éléments et la capture de captures d’écran pour confirmer le fonctionnement de l’UI. - `webapp-testing` — testez des applications web locales avec Playwright, inspectez les logs du navigateur, déboguez le comportement de l’UI et capturez des captures d’écran. ## Conseils - Commencez avec `playwright-browser-automation` pour une couverture complète des flux, puis utilisez `browser-testing-with-screenshots` pour collecter des preuves visuelles des régressions. - Pour les bugs frontend qui ne se reproduisent qu’en local, associez les captures d’écran de `webapp-testing` aux logs du navigateur afin que le correctif dispose à la fois de preuves visuelles et d’exécution. - Conservez les captures d’écran comme preuves de QA externes plutôt que de les committer dans les dépôts d’applications.
Compétences
3playwright-browser-automation
Risque élevé 38Automatiser les tests de navigateur avec Playwright
Les vérifications manuelles dans le navigateur sont lentes et faciles à oublier. Cette compétence crée et exécute des automatisations Playwright pour les pages, les formulaires, les captures d’écran, les liens et les mises en page responsives.
browser-testing-with-screenshots
Risque moyen 76Tester les interfaces utilisateur web avec des preuves visuelles dans le navigateur
Les vérifications manuelles d’interface utilisateur peuvent manquer des régressions visuelles et demander des efforts répétés. Cette skill guide l’automatisation du navigateur avec des captures d’écran, la sélection d’éléments et l’inspection de pages pour des tests web vérifiables.
webapp-testing
Risque élevé 38Tester des applications web locales avec Playwright
Le comportement des applications web locales est difficile à vérifier uniquement à partir des fichiers source. Cette compétence guide Claude, Codex et Claude Code dans l’inspection basée sur Playwright, les captures d’écran, les journaux et les vérifications d’interface utilisateur.
Packs similaires

Pack de tests d’automatisation du navigateur
Crée un workflow pratique d’automatisation du navigateur pour inspecter une page produit, vérifier la navigation, capturer les erreurs de console et résumer des constats QA exploitables.
3 compétences

Porte de publication front-end
Un workflow de pré-publication pour les changements axés sur l'interface utilisateur qui détecte les flux cassés, les régressions de lint/types et les problèmes de sécurité évidents avant la publication.
3 compétences

Outils Puissants Claude Code
Ajoutez des hooks, des exécutions sans interface et des intégrations MCP pour transformer Claude Code en un moteur de workflow programmable
3 compétences