Importación e Inicialización para WebDriverJS

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

Requisitos Previos

Para importar e inicializar Axe DevTools para Web, primero debe estar instalado. Si aún no lo has hecho, lee la guía sobre cómo instalarlo desde un paquete, desde tu repositorio de artefactos o desde Agora de Deque. También necesitas un Selenium WebDriver de tu elección, descargado y configurado.

Importación e Inicialización

Importa tanto Axe DevTools para Web como WebDriverJS. La sintaxis depende del lenguaje y el sistema de módulos que utilice tu proyecto. Elige la que se adapte a tu proyecto:

JavaScript con módulos CommonJS

Esta es la opción predeterminada para un proyecto de Node.js sin "type": "module" en su package.json.

const { AxeDevToolsBuilder } = require('@axe-devtools/webdriverjs');
const webdriver = require('selenium-webdriver');

JavaScript con módulos ES

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

import { AxeDevToolsBuilder } from '@axe-devtools/webdriverjs';
import webdriver from 'selenium-webdriver';

TypeScript

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

import { AxeDevToolsBuilder } from '@axe-devtools/webdriverjs';
import { Builder } from 'selenium-webdriver';
import type { WebDriver } from 'selenium-webdriver';
import type { AxeResults } from 'axe-core';

Inicializando el Driver

Una vez que hayas importado Axe DevTools para Web, puedes inicializar el controlador. Cada escaneo requiere su propia instancia de Axe DevTools para Web, por lo que la inicializarás mientras escribes pruebas.

En JavaScript:

const driver = new webdriver.Builder().forBrowser('chrome').build();

En TypeScript, utilizando los tipos Builder y WebDriver importados arriba:

const driver: WebDriver = new Builder().forBrowser('chrome').build();

Próximos Pasos

Una vez que hayas instalado, importado e inicializado Axe DevTools para Web, estás listo para pasar a escanear accesibilidad y escribir pruebas de accesibilidad. Para hacerlo, consulta la guía sobre escribir pruebas.

Solución de Problemas

Si tienes problemas con cualquiera de las importaciones o la inicialización de Axe DevTools para Web, contacta directamente a tu representante de Deque, contáctanos a través de nuestro servicio de soporte, o envíanos un correo electrónico. Estaremos encantados de ayudarte.