Visão geral do pacote Watcher

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

O pacote Watcher é integrado à sua suíte de testes para testar erros de acessibilidade

Not for use with personal data

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.

note

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

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

tip

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

Instruções para TypeScript", "context": "heading level 3

Instruções para Java", "context": "heading level 3