Os testes são essenciais para garantir a funcionalidade, qualidade, acessibilidade, segurança e desempenho do seu aplicativo da Web orientado por conteúdo. Os testes permitem avaliar a experiência do usuário e determinar se é necessário mais desenvolvimento. Seu aplicativo da Web precisa atender aos padrões de qualidade e ter o desempenho esperado.
Ela fornece orientações básicas de teste para você considerar como tornar seu aplicativo da Web acessível e fácil de usar.
| Componentes | |
|---|---|
| Contraste de cor | Garante que a taxa de contraste seja otimizada para facilitar a leitura. As verificações precisam ser feitas para vários tipos de daltonismo e cores forçadas de alto contraste definidas pelo usuário. |
| Tipografia | Determina se o aplicativo acomoda diferentes dispositivos e configurações. Ao usar o tamanho da fonte relativo e o dimensionamento não linear, a tipografia ainda pode ser utilizável no tamanho máximo. |
| Imagens | Garante que as imagens sejam de alta qualidade e possam ser carregadas rapidamente. É importante verificar se há substitutos corretos sem rede e recursos otimizados para resoluções mais altas. |
| Navegação | Garante que a navegação seja clara e utilizável pela navegação por mouse, toque e teclado. Verificar a API do histórico garante que a navegação de avanço e retorno também seja preservada corretamente. |
| Pesquisar | Verifique se há baixa latência nos tempos de resposta para as consultas nos parâmetros de consulta do URL e no campo de pesquisa. |
| Formulário | Garante que todos os formulários sejam fáceis de preencher e enviar. Se você substituir o envio do formulário padrão, os eventos corretos precisarão ser ouvidos e verificados para a redefinição adequada do formulário e proteção contra entradas maliciosas do usuário. |
| Desempenho | Garante que o aplicativo seja eficiente e responsivo, com tempos de carregamento rápidos. Essa também deve ser uma parte importante do teste de regressão. |
Há muitas ferramentas que podem ser usadas para verificar a acessibilidade na Web. É importante usar vários métodos para abordar o intervalo de componentes de acessibilidade. Verifique se há rótulos ARIA, a11y em elementos DOM, navegação pelo teclado e uso de leitor de tela.
Frameworks de teste de front-end, como Jest, Vitest, Cypress, Mocha ou Jasmine, ajudam a escrever testes de forma eficiente e oferecem suporte ao desenvolvimento orientado por comportamento e por testes. Com integrações em pipelines de CI/CD, também é possível automatizar os testes e ajudar a evitar bugs de regressão nas confirmações.
Os frameworks do executor, como o Web Test Runner, o Playwright, o Web Driver ou o Test Runner no Node.js, permitem executar esses testes de maneira eficiente e oferecer suporte a vários ambientes e plataformas. Essa não é uma lista completa e, dependendo do framework usado, pode haver testes integrados.