Visão geral do pacote Watcher
O pacote Watcher é integrado à sua suíte de testes para testar erros de acessibilidade
Watcher é o componente de código que você integra à sua suíte de testes para adicionar testes de acessibilidade.
Visão Geral da Documentação do Watcher
As informações na seção *Watcher* da documentação consistem no seguinte:
- **Este artigo**, *Visão Geral*, discute o pacote Watcher (também referido como *axe Watcher*). Aqui, você pode encontrar informações sobre o pacote e links para outros recursos.
- **Requisitos do Sistema** descreve as versões de software necessárias para uso com o Watcher.
- **Artigos em** *Instruções* fornecem instruções passo a passo para integrar o Watcher com os frameworks de teste suportados, incluindo trechos de exemplo para as linguagens suportadas. Esta é a mesma informação que você vê ao criar um projeto no site do axe Developer Hub.
- Os documentos em **Referências de API** detalham as APIs fornecidas pelo pacote Watcher para as linguagens suportadas.
O que é o Watcher?
O pacote Watcher permite integrar facilmente testes de acessibilidade à sua suíte de testes existente. Estes são os pacotes disponíveis:
- Um pacote Node.js disponível em npmjs.com para desenvolvedores de JavaScript e TypeScript
- Um pacote Java disponível no Maven Central.
O pacote Watcher, quando integrado à sua suíte de testes end-to-end:
- Adiciona validação de acessibilidade à sua suíte de testes existente com mudanças mínimas de código, graças ao Watcher que envolve os métodos importantes e chamadas de função do seu framework de teste.
- Analisa automaticamente as páginas web quando você executa sua suíte de testes e reanalisa as páginas ao detectar qualquer alteração no DOM (cada alteração é considerada um estado da página)—perfeito para aplicativos web de página única e outros sites complexos com páginas de login e outros conteúdos dinâmicos.
- Liga commits do Git aos resultados de acessibilidade para permitir que você avalie a acessibilidade de cada commit e acompanhe o progresso geral de acessibilidade do seu projeto.
- Envia resultados de acessibilidade vinculados a cada estado de página e commit do Git para o axe Developer Hub, onde os resultados são rastreados, desduplicados, e apresentados.
Instalação
Veja as instruções para seu framework de teste para informações sobre como instalar o pacote Watcher.
Requisitos do Sistema
Para os requisitos do sistema para o Watcher, consulte Requisitos do Sistema.
Embora o site do axe Developer Hub tenha amplo suporte a navegadores, apenas *Chrome para Testes* e *Chromium* são suportados pelo pacote Watcher. Isso significa que você não pode usar o ", "context": "paragraph padrão", "context": "strong text navegador Electron do Cypress para testes com o Watcher.", "context": "paragraph
Referência de API", "context": "heading level 2
Para referências às APIs fornecidas pelo pacote Watcher, consulte a ", "context": "paragraph referência de API", "context": "link text.", "context": "paragraph
Notas de lançamento", "context": "heading level 2
Para informações sobre as mudanças no pacote Watcher, veja as ", "context": "paragraph Notas de Lançamento do Watcher", "context": "link text.", "context": "paragraph
O Repositório de Exemplos", "context": "heading level 2
Você pode experimentar com o código no ", "context": "paragraph repositório de exemplos no GitHub", "context": "link text. Ele contém exemplos em JavaScript e TypeScript para:", "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
Inclui um exemplo Java para Java Selenium:", "context": "paragraph
Instruções para Modificar seu Conjunto de Testes", "context": "heading level 2
A seção de instruções da documentação inclui orientações para modificar seu conjunto de testes a fim de incluir o pacote Watcher.", "context": "paragraph
Estas são as mesmas instruções que você vê ao criar um novo projeto no axe Developer Hub.", "context": "paragraph
As seções a seguir contêm links para as instruções de cada framework de teste:", "context": "paragraph
Instruções para JavaScript", "context": "heading level 3
- Cypress", "context": "link text
- Componente Cypress", "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
Instruções para TypeScript", "context": "heading level 3
- Cypress", "context": "link text
- Componente Cypress", "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
