Importer et initialiser Puppeteer pour JavaScript

Une fois que vous avez installé Axe DevTools pour Web, vous devez l'importer dans votre configuration de test et initialiser le paquet.

Prérequis

Pour importer et initialiser Axe DevTools pour Web, il doit d'abord être installé. Si ce n'est pas encore fait, lisez le guide sur comment l'installer à partir d'un bundle, depuis votre dépôt d'artefacts, ou depuis Agora de Deque. Vous aurez également besoin d'installer Puppeteer.

Importation et initialisation

Importez à la fois Axe DevTools pour le Web et Puppeteer. La syntaxe dépend du langage et du système de modules utilisés par votre projet. Choisissez celui qui correspond à votre projet :

JavaScript avec modules CommonJS

C'est le réglage par défaut pour un projet Node.js sans "type": "module" dans son package.json.

const { AxeDevToolsPuppeteer } = require('@axe-devtools/puppeteer');
const puppeteer = require('puppeteer');

JavaScript avec modules ES

Utilisez cette syntaxe dans un projet avec "type": "module" dans son package.json, ou dans des fichiers .mjs.

import { AxeDevToolsPuppeteer } from '@axe-devtools/puppeteer';
import puppeteer from 'puppeteer';

TypeScript

TypeScript utilise la même syntaxe import que les modules ES. @axe-devtools/puppeteer fournit ses propres déclarations de types, il n'y a donc pas de package @types/ séparé à installer. Les résultats des analyses sont typés comme AxeResults, que axe-core exporte :

import { AxeDevToolsPuppeteer } from '@axe-devtools/puppeteer';
import puppeteer from 'puppeteer';
import type { AxeResults } from 'axe-core';

Pour chaque analyse, un nouvel objet AxeDevToolsPuppeteer sera créé. Pour savoir comment procéder, consultez le guide sur écrire des tests.

Prochaines étapes

Une fois que vous avez installé, importé et initialisé Axe DevTools pour Web, vous êtes prêt à passer à l'analyse de l'accessibilité et à l'écriture de tests d'accessibilité. Pour ce faire, consultez le guide sur écrire des tests.

Dépannage

Si vous rencontrez des problèmes avec l'importation ou l'initialisation de Axe DevTools pour Web, contactez directement votre représentant Deque, joignez-nous via notre support technique, ou envoyez-nous un email. Nous serons heureux de vous aider.