Importación e Inicialización de Puppeteer para JavaScript

Una vez que hayas instalado Axe DevTools for Web, necesitas importarlo en tu configuración de prueba e inicializar el paquete.

Requisitos previos

Para importar e inicializar Axe DevTools for Web, primero debe estar instalado. Si no lo has hecho aún, lee la guía sobre cómo instalarlo de un paquete, de tu repositorio de artefactos, o de Agora de Deque. También necesitarás tener Puppeteer instalado.

Importación e Inicialización

Importe tanto Axe DevTools para Web como Puppeteer. La sintaxis depende del lenguaje y el sistema de módulos que use su proyecto. Elija el que coincida con su proyecto:

JavaScript con módulos CommonJS

Este es el predeterminado para un proyecto de Node.js sin "type": "module" en su package.json.

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

JavaScript con módulos ES

Use esta sintaxis en un proyecto con "type": "module" en su package.json, o en archivos .mjs.

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

TypeScript

TypeScript utiliza la misma sintaxis import que los módulos ES. @axe-devtools/puppeteer incluye sus propias declaraciones de tipo, por lo que no hay un paquete @types/ separado que instalar. Los resultados del escaneo están tipados como AxeResults, los cuales axe-core exporta:

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

Para cada escaneo, se creará un nuevo objeto AxeDevToolsPuppeteer. Para ver cómo hacerlo, consulte la guía sobre escribir pruebas.

Próximos Pasos

Una vez que hayas instalado, importado e inicializado Axe DevTools for Web, estarás listo para avanzar a escanear en busca de accesibilidad y escribir pruebas de accesibilidad. Para hacer eso, consulta la guía sobre escribir pruebas.

Solución de Problemas

Si tienes problemas con alguna de las importaciones o inicializaciones de Axe DevTools for Web, contacta a tu representante de Deque directamente, comunícate con nosotros a través de nuestra mesa de ayuda, o envíanos un correo electrónico. Estaremos encantados de ayudarte.