Importeren en Initialiseren voor WebDriverJS

Zodra je Axe DevTools voor Web hebt geïnstalleerd, moet je het importeren in je testomgeving en het pakket initialiseren.

Vereisten

Om Axe DevTools voor Web te importeren en initialiseren, moet het eerst geïnstalleerd zijn. Als je dat nog niet hebt gedaan, lees dan de handleiding over hoe je het kunt installeren uit een bundel, uit je artefactenrepository of uit Deque's Agora. Je hebt ook een gedownloade en geconfigureerde Selenium WebDriver naar keuze nodig.

Importeren en Initialiseren

Importeer zowel Axe DevTools voor Web als WebDriverJS. De syntaxis hangt af van de taal en het modulsysteem dat je project gebruikt. Kies degene die bij je project past:

JavaScript met CommonJS-modules

Dit is de standaard voor een Node.js-project zonder "type": "module" in zijn package.json.

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

JavaScript met ES-modules

Gebruik deze syntaxis in een project met "type": "module" in zijn package.json, of in .mjs bestanden.

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

TypeScript

TypeScript gebruikt dezelfde import syntaxis als ES-modules. @axe-devtools/webdriverjs levert zijn eigen typedeclaraties, dus er is geen apart @types/ pakket om te installeren. Scanresultaten zijn getypeerd als AxeResults, die axe-core exporteert:

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

De driver initialiseren

Zodra je Axe DevTools voor Web hebt geïmporteerd, kun je de driver initialiseren. Elke scan vereist zijn eigen instance van Axe DevTools voor Web, dus je initialiseert dat terwijl je tests schrijft.

In JavaScript:

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

In TypeScript, met gebruik van de Builder en WebDriver types die hierboven zijn geïmporteerd:

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

Volgende Stappen

Zodra je Axe DevTools voor Web hebt geïnstalleerd, geïmporteerd en geïnitieerd, ben je klaar om verder te gaan met het scannen op toegankelijkheid en het schrijven van toegankelijkheidstests. Hiervoor zie je de handleiding over tests schrijven.

Probleemoplossing

Als je problemen hebt met het importeren of initialiseren van Axe DevTools voor Web, neem dan direct contact op met je Deque-vertegenwoordiger, bereik ons via onze ondersteuningsdesk, of stuur ons een e-mail. We helpen je graag.