Installeer Axe DevTools voor Web voor Node.js vanuit Deque's Agora

Voor klanten die geen interne artefactenrepository hebben en op zoek zijn naar een duurzamere en schaalbaardere oplossing voor installatie dan het direct downloaden van Axe DevTools, stelt Deque zijn eigen artefactenrepository beschikbaar voor geselecteerde klanten. Deze gids beschrijft het installeren van een van de Axe DevTools Node.js-pakketten vanuit de Agora-artefactenrepository van Deque. Voor informatie over andere manieren om Axe DevTools te installeren, zie de gids over Installeren vanuit uw Artefactenrepository.

Vereisten

Om Axe DevTools vanuit Agora te installeren, moet u over Agora-inloggegevens beschikken. Daarnaast moet u een bestaand Node.js-gebaseerd webproject hebben waarin u Axe DevTools kunt installeren. Afhankelijk van de configuratie van uw testomgeving kan het nodig zijn om uw testbibliotheek (bijvoorbeeld Cypress, Playwright, Puppeteer, WebdriverIO of WebDriverJS) als aanvullende afhankelijkheid toe te voegen.

Een Identiteitstoken aanmaken

De eenvoudigste manier om een Identiteitstoken aan te maken is via de Agora webapp. Zodra u bent ingelogd, kunt u een Identiteitstoken aanmaken door op de knop met het label Welkom uw-e-mailadres in de bovenste balk naast de helpknop te klikken. Vanaf daar kunt u uw Identiteitstoken aanmaken en kopiëren.

Authenticatie toevoegen

Om toegang te krijgen tot Axe DevTools-pakketten via NPM of Yarn, moet u uw Agora-authenticatiegegevens toevoegen aan een ~/.npmrc-bestand. De Toegang tot Agora-pakketten configureren-tool kan deze .npmrc-inhoud voor u genereren op basis van uw Agora-e-mail en Identiteitstoken. Anders is de eenvoudigste manier om dit handmatig te doen met een curl-opdracht.

curl -u"<your-email>":<your-identity-token> "https://agora.dequecloud.com/artifactory/api/npm/auth"

Wanneer u deze opdracht uitvoert, vervangt u door uw Agora-inlog-e-mail en door het Identiteitstoken dat u in de vorige stap hebt gekopieerd. Het resultaat van de opdracht zou er als volgt uit moeten zien:

_auth = <generated-auth-string>
always-auth = true
email = <your-email>

Uw .npmrc-bestand instellen (yarn/npm)

Open uw ~/.npmrc-bestand voor bewerking. Voeg eerst de registerinformatie toe en daarna de uitvoer van de curl-opdracht. Het eindproduct zou er als volgt uit moeten zien:

@axe-devtools:registry=https://agora.dequecloud.com/artifactory/api/npm/devtools-npm/
//agora.dequecloud.com/artifactory/api/npm/devtools-npm/:_auth=<generated-auth-string>
//agora.dequecloud.com/artifactory/api/npm/devtools-npm/:email=<your-email@email.com>
//agora.dequecloud.com/artifactory/api/npm/devtools-npm/:always-auth=true

Uw .yarnrc.yml-bestand instellen (yarn modern)

Open uw ~/.yarnrc.yml-bestand voor bewerking. Voeg eerst de registerinformatie toe en daarna de uitvoer van de curl-opdracht. Het eindproduct zou er als volgt uit moeten zien:

npmScopes:
  axe-devtools:
      npmRegistries: 'https://agora.dequecloud.com/artifactory/api/npm/dequelabs/':
      npmAuthIdent: <generated-auth-string>
      npmRegistryServer: 'https://agora.dequecloud.com/artifactory/api/npm/dequelabs/'
      npmAlwaysAuth: true

Als u geen curl-opdrachten kunt uitvoeren, kunt u uw auth-string genereren door <your-email>:<your-identity-token> base-64 te coderen en deze op dezelfde manier toe te voegen aan het ~/.npmrc-bestand alsof het gegenereerd was met de curl-opdracht.

Installeren

Zodra de authenticatie is ingesteld, installeert u het pakket voor uw testbibliotheek.

Browser JavaScript (@axe-devtools/browser)

npm install @axe-devtools/browser

Zodra geïnstalleerd, lees de gids over importeren en initialiseren.

Cypress (@axe-devtools/cypress)

npm install @axe-devtools/cypress

Als u Cypress zelf nog niet hebt geïnstalleerd, kunt u dit doen met de opdracht

npm install cypress

Playwright (@axe-devtools/playwright)

npm install @axe-devtools/playwright

Als u Playwright zelf nog niet hebt geïnstalleerd, kunt u dit doen met de opdracht

npm install playwright

Zodra geïnstalleerd, lees de gids over importeren en initialiseren.

Puppeteer (@axe-devtools/puppeteer)

npm install @axe-devtools/puppeteer

Als u Puppeteer zelf nog niet hebt geïnstalleerd, kunt u dit doen met de opdracht

npm install puppeteer

Zodra geïnstalleerd, lees de gids over importeren en initialiseren.

WebdriverIO (@axe-devtools/webdriverio)

npm install @axe-devtools/webdriverio

Zodra geïnstalleerd, lees de gids over importeren en initialiseren.

WebDriverJS (@axe-devtools/webdriverjs)

npm install @axe-devtools/webdriverjs

Zodra geïnstalleerd, lees de gids over importeren en initialiseren.

Volgende stappen

Als u problemen ondervindt bij het installeren van Axe DevTools, neem dan direct contact op met uw Deque-vertegenwoordiger, vraag ons via onze supportdesk, of stuur ons een e-mail. We helpen u graag op weg.