Importazione e Inizializzazione per WebDriverJS

Una volta installato Axe DevTools per Web, devi importarlo nel tuo setup di test e inizializzare il pacchetto.

Prerequisiti

Per importare e inizializzare Axe DevTools per Web, deve prima essere installato. Se non l'hai ancora fatto, leggi la guida su come installarlo da un bundle, dal tuo repository di artefatti o da Deque's Agora. Hai anche bisogno di un Selenium WebDriver scaricato e configurato a tua scelta.

Importazione e Inizializzazione

Importa sia Axe DevTools per Web che WebDriverJS. La sintassi dipende dal linguaggio e dal sistema di moduli utilizzato nel tuo progetto. Scegli quella che corrisponde al tuo progetto:

JavaScript con moduli CommonJS

Questa è l'impostazione predefinita per un progetto Node.js senza "type": "module" nel suo package.json.

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

JavaScript con moduli ES

Usa questa sintassi in un progetto con "type": "module" nel suo package.json, o nei file .mjs.

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

TypeScript

TypeScript utilizza la stessa sintassi import dei moduli ES. @axe-devtools/webdriverjs include le proprie dichiarazioni di tipo, quindi non c'è un pacchetto @types/ separato da installare. I risultati della scansione sono tipizzati come AxeResults, che axe-core esporta:

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

Inizializzare il Driver

Una volta importato Axe DevTools per Web, puoi inizializzare il driver. Ogni scansione richiede la propria istanza di Axe DevTools per Web, quindi puoi inizializzarlo mentre scrivi i test.

In JavaScript:

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

In TypeScript, utilizzando i tipi Builder e WebDriver importati sopra:

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

Prossimi Passi

Una volta installato, importato e inizializzato Axe DevTools per Web, sei pronto a passare alla scansione per l'accessibilità e a scrivere test di accessibilità. Per farlo, consulta la guida su scrivere test.

Risoluzione dei Problemi

Se hai problemi con l'importazione o l'inizializzazione di Axe DevTools per Web, contatta direttamente il tuo rappresentante Deque, raggiungici tramite il nostro servizio di supporto o inviaci un'email. Saremmo felici di aiutarti.