Téléchargez le projet démo Puppeteer
Téléchargez et exécutez un projet exemple complet pour Axe DevTools for Web avec Puppeteer et Mocha
Ce projet démo familiarise les utilisateurs avec l'utilisation de Axe DevTools for Web avec Puppeteer et Mocha et peut générer des rapports sans besoin d'intégration à un projet web existant. Pour savoir comment installer Axe DevTools for Web dans un projet existant, lisez le guide sur installation à partir d'un bundle, depuis votre propre dépôt d'artéfacts ou depuis l'Agora de Deque.
Prérequis
Ces projets nécessitent un environnement de développement Node.js incluant NPM ou Yarn. Ils nécessitent également un WebDriver correspondant au projet de démonstration souhaité, soit Puppeteer, WebdriverIO, ou WebDriverJS
Catalogue d'exemples
Le Catalogue d'exemples fournit un projet d'exemple complet de Puppeteer avec Mocha que vous pouvez cloner et exécuter pour générer des rapports d'accessibilité sans avoir besoin d'intégrer un projet web existant.
Utilisation
-
Clonez le répertoire Deque Examples Catalog sur GitHub :
git clone git@github.com:dequelabs/axe-devtools-html-api-examples.gitnoteVous pourriez avoir besoin d'utiliser une commande de clonage différente selon la façon dont vous avez configuré l'accès à GitHub. La commande ci-dessus utilise SSH. Voir Connexion à GitHub avec SSH pour plus d'informations.
-
Accédez à l'exemple Puppeteer :
cd axe-devtools-html-api-examples/Node/puppeteer-mocha -
Exécutez
npm installouyarnpour installer les modules node -
Exécutez
npm testouyarn testpour lancer les scripts de test
Une fois les tests terminés, les résultats bruts sont enregistrés dans la console ainsi que compilés dans un rapport HTML par le rapporteur Axe DevTools for Web. Ces rapports vous permettent de consommer facilement les résultats des analyses d'accessibilité.
Si vous le souhaitez, vous pouvez configurer le projet pour analyser n'importe quelle page accessible sur le web en modifiant les URL des cas de test avec src/*.test.js et en relançant les tests.
Configuration
Initialement, un ou plusieurs des composants de ce projet peuvent être incompatibles avec votre environnement. Si les problèmes persistent, contactez directement votre représentant Deque, contactez-nous via notre service d'assistance, ou envoyez-nous un e-mail. Nous serons heureux de vous aider.
