Overzicht van het Watcher-pakket
Het Watcher-pakket is geïntegreerd in je test suite om te testen op toegankelijkheidsfouten
Watcher is de codecomponent die je in je test suite integreert om toegankelijkheidstests toe te voegen.
Documentatieoverzicht voor Watcher
De informatie in de *Watcher* sectie van de documentatie bestaat uit het volgende:
- **Dit artikel**, *Overzicht*, bespreekt het Watcher-pakket (ook wel *axe Watcher*genoemd). Hier vind je informatie over het pakket en links naar andere bronnen.
- **Systeemeisen** omschrijven de vereiste softwareversies voor gebruik met Watcher.
- **Artikelen onder** *Instructies* bieden stapsgewijze instructies voor het integreren van Watcher met de ondersteunde testframeworks, inclusief voorbeeldfragmenten voor de ondersteunde talen. Dit is dezelfde informatie die je ziet wanneer je een project aanmaakt op de axe Developer Hub-site.
- De documenten onder **API-referenties** geven gedetailleerde informatie over de APIs die door het Watcher-pakket worden geleverd voor de ondersteunde talen.
Wat is Watcher?
Het Watcher-pakket laat je eenvoudig toegankelijkheidstests integreren in je bestaande test suite. Dit zijn de beschikbare pakketten:
- Een Node.js-pakket beschikbaar op npmjs.com voor JavaScript- en TypeScript-ontwikkelaars
- Een Java-pakket beschikbaar op Maven Central.
Het Watcher-pakket, wanneer geïntegreerd in je end-to-end test suite:
- Voegt toegankelijkheidsvalidatie toe aan je bestaande test suite met minimale codewijzigingen, dankzij Watcher wrapping van de belangrijkste methoden en functie-aanroepen van je testframework.
- Analyseert automatisch webpagina's wanneer je je test suite uitvoert en heranalyseert de pagina's bij detectie van een verandering in de DOM (elke verandering wordt beschouwd als een aparte paginastatus)--perfect voor single-page webapps en andere complexe sites met inlogpagina's en andere dynamische inhoud.
- Koppelt Git-commits aan toegankelijkheidsresultaten om je in staat te stellen de toegankelijkheid van elke commit te evalueren en de algehele toegankelijkheidsvoorgang van je project te monitoren.
- Stuurt toegankelijkheidsresultaten gekoppeld aan elke paginastatus en Git-commit naar axe Developer Hub, waar de resultaten worden gevolgd, gededupliceerd, en gepresenteerd.
Installatie
Zie de instructies voor je testframework voor informatie over het installeren van het Watcher-pakket.
Systeemeisen
Voor de systeemeisen voor Watcher, zie Systeemeisen.
Hoewel de axe Developer Hub-website brede browserondersteuning heeft, worden alleen *Chrome voor Testen* en *Chromium* worden ondersteund door het Watcher-pakket. Dit betekent dat je de ", "context": "paragraph standaard", "context": "strong text Electron-browser van Cypress niet kunt gebruiken voor het testen met Watcher.", "context": "paragraph
API-referentie", "context": "heading level 2
Voor verwijzingen naar de API's die door het Watcher-pakket worden geleverd, zie de ", "context": "paragraph API-referentie", "context": "link text.", "context": "paragraph
Release-opmerkingen", "context": "heading level 2
Voor informatie over de wijzigingen in het Watcher-pakket, zie de ", "context": "paragraph Watcher-release-opmerkingen", "context": "link text.", "context": "paragraph
De Voorbeelden Repo", "context": "heading level 2
Je kunt experimenteren met de code in de ", "context": "paragraph voorbeelden-repository op GitHub", "context": "link text. Het bevat JavaScript- en TypeScript-voorbeelden voor:", "context": "paragraph
- Cypress", "context": "link text
- Playwright-Test", "context": "link text
- Playwright", "context": "link text
- Puppeteer", "context": "link text
- WebdriverIO", "context": "link text
- WebdriverIO Test Runner", "context": "link text
- WebDriverJS", "context": "link text
Het bevat een Java-voorbeeld voor Java Selenium:", "context": "paragraph
Instructies voor het Wijzigen van Je Test Suite", "context": "heading level 2
Het instructiegedeelte van de documentatie bevat instructies voor het wijzigen van je test suite om het Watcher-pakket op te nemen.", "context": "paragraph
Dit zijn dezelfde instructies die je ziet bij het aanmaken van een nieuw project op axe Developer Hub.", "context": "paragraph
De volgende secties bevatten links naar de instructies van elk testframework:", "context": "paragraph
Instructies voor JavaScript", "context": "heading level 3
- Cypress", "context": "link text
- Cypress Component", "context": "link text
- Playwright", "context": "link text
- Playwright Test", "context": "link text
- Puppeteer", "context": "link text
- WebdriverIO", "context": "link text
- WebdriverIO TestRunner", "context": "link text
- WebDriverJS", "context": "link text
Instructies voor TypeScript", "context": "heading level 3
- Cypress", "context": "link text
- Cypress Component", "context": "link text
- Playwright", "context": "link text
- Playwright Test", "context": "link text
- Puppeteer", "context": "link text
- WebdriverIO", "context": "link text
- WebdriverIO TestRunner", "context": "link text
- WebDriverJS", "context": "link text
