Installieren Sie Axe DevTools für Web für Playwright über Deques Agora

Für Kunden, die kein internes Artefakt-Repository haben und eine nachhaltigere und skalierbarere Lösung für die Installation suchen als das direkte Herunterladen von Axe DevTools, stellt Deque ausgewählten Kunden sein eigenes Artefakt-Repository zur Verfügung. Für Informationen zu weiteren Installationsmöglichkeiten von Axe DevTools, sehen Sie sich die Anleitungen zur Installation aus einem Bundle oder Installation aus Ihrem Artefakt-Repository an.

Voraussetzungen

Um Axe DevTools von Agora zu installieren, benötigen Sie Agora-Anmeldeinformationen. Zusätzlich müssen Sie über ein bestehendes NodeJS-basiertes Webprojekt verfügen, um Axe DevTools zu installieren. Abhängig von der Konfiguration Ihrer Testumgebung kann Ihre Testbibliothek als zusätzliche Abhängigkeit erforderlich sein.

Erstellen eines Identitätstokens

Der einfachste Weg, ein Identitätstoken zu erstellen, ist über die Agora-Webapp. Sobald Sie angemeldet sind, können Sie ein Identitätstoken erstellen, indem Sie auf die Schaltfläche mit der Aufschrift Willkommen Ihre-E-Mail-Adresse in der oberen Leiste neben der Hilfeschaltfläche klicken. Von dort aus können Sie ein Identitätstoken erstellen und kopieren.

Hinzufügen der Authentifizierung

Um auf Axe DevTools-Pakete über NPM oder Yarn zuzugreifen, müssen Sie Ihre Agora-Authentifizierungsinformationen zu einer ~/.npmrc-Datei hinzufügen. Der einfachste Weg, dies zu tun, ist mit einem Curl-Befehl.

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

Beim Ausführen dieses Befehls ersetzen Sie durch Ihre Agora-Anmelde-E-Mail und ersetzen Sie durch das Identitätstoken, das Sie im vorherigen Schritt kopiert haben. Die Ausgabe des Befehls sollte folgendermaßen aussehen:

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

Einrichten Ihrer .npmrc Datei (yarn/npm)

Öffnen Sie Ihre ~/.npmrc-Datei zur Bearbeitung. Fügen Sie zuerst die Registrierungsinformationen hinzu, und fügen Sie dann die Ausgabe des Curl-Befehls hinzu. Das Endprodukt sollte folgendermaßen aussehen:

@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

Einrichten Ihrer .yarnrc.yml Datei (yarn modern)

Öffnen Sie Ihre ~/.yarnrc.yml-Datei zur Bearbeitung. Fügen Sie zuerst die Registrierungsinformationen hinzu, und fügen Sie dann die Ausgabe des Curl-Befehls hinzu. Das Endprodukt sollte folgendermaßen aussehen:

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

Wenn Sie keine Curl-Befehle ausführen können, können Sie Ihren Authentifizierungsstring generieren, indem Sie <your-email>:<your-identity-token> mit Base64 kodieren und das Produkt auf die gleiche Weise wie bei Verwendung des Curl-Befehls zur ~/.npmrc-Datei hinzufügen.

Installation

Um Axe DevTools Playwright in Ihrem Projekt zu installieren, führen Sie diesen Befehl aus:

npm install @axe-devtools/playwright

Wenn Sie Playwright selbst noch nicht installiert haben, können Sie es mit dem Befehl installieren

npm install playwright

Nächste Schritte

Sobald Axe DevTools erfolgreich in Ihrer Umgebung installiert wurde, lesen Sie die Anleitung zum importieren und initialisieren.

Wenn Sie Probleme bei der Installation von Axe DevTools haben, kontaktieren Sie direkt Ihren Deque-Ansprechpartner, fragen Sie uns über unseren Support Desk, oder senden Sie uns eine E-Mail. Wir helfen Ihnen gerne, alles zum Laufen zu bringen.