Importazione e Inizializzazione per WebdriverIO

Una volta installato Axe DevTools per Web, è necessario importarlo nel tuo ambiente di test e inizializzare il pacchetto.

Prerequisiti

Per importare e inizializzare Axe DevTools per Web, deve essere prima installato. Se non lo hai ancora fatto, leggi la guida su come installarlo da un bundle, dal tuo repository di artifact o da Agora di Deque. Devi anche avere WebdriverIO scaricato e configurato.

Importazione e Inizializzazione

Importa sia Axe DevTools per il Web che WebdriverIO. La sintassi dipende dal linguaggio e dal sistema di moduli che utilizza il 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 { AxeDevToolsWebdriverIO } = require('@axe-devtools/webdriverio');
const webdriverio = require('webdriverio');

JavaScript con moduli ES

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

import { AxeDevToolsWebdriverIO } from '@axe-devtools/webdriverio';
import { remote } from 'webdriverio';

TypeScript

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

import { AxeDevToolsWebdriverIO } from '@axe-devtools/webdriverio';
import { remote } from 'webdriverio';
import type { AxeResults } from 'axe-core';

Inizializzare il Client

A questo punto, potrai inizializzare il tuo webdriver all'interno della tua funzione di test. In JavaScript:

const client = await webdriverio.remote({
  capabilities: {
    browserName: 'chrome'
  }
});

In TypeScript, il client è un WebdriverIO.Browser, che è il tipo che AxeDevToolsWebdriverIO si aspetta:

const client: WebdriverIO.Browser = await remote({
  capabilities: {
    browserName: 'chrome'
  }
});

Quindi, puoi inizializzare Axe DevTools per il Web con il client webdriver. Questa istruzione è la stessa in entrambi i linguaggi:

const axeDevTools = new AxeDevToolsWebdriverIO({ client });

Prossimi Passi

Una volta installato, importato e inizializzato Axe DevTools per Web e il suo driver, sei pronto per passare alla scansione per l'accessibilità e scrivere test di accessibilità. Ogni scansione con Axe DevTools per Web richiede una nuova istanza, quindi per configurare ed eseguire le tue scansioni 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 help desk, o inviaci un'email. Saremo felici di aiutarti.