08. Escrevendo Testes End-to-End para Aplicações Web JavaScript / SPA
Ao concluirmos todas as aulas deste tópico, nós:
- Compreenderemos a diferença arquitetural entre uma aplicação web tradicional renderizada no servidor (SSR) e uma Single Page Application (SPA) em JavaScript.
- Saberemos como lidar com a assincronicidade de chamadas
fetch/XHR, renderização dinâmica do DOM, formulários controlados por estado e diálogos modais ao escrever testes E2E com Playwright.
Conteúdo
-
Testes E2E para SPAs JavaScript: Introdução e Desafios de Assincronicidade
Compreenda a diferença fundamental entre aplicações web tradicionais (SSR) e Single Page Applications (SPAs) em testes End-to-End, configure URLs com suporte a HTML5 mode e crie utilitários de espera explícita (SeleniumWait).
-
Testes E2E para SPAs JavaScript: Aguardando APIs e Renderização de Dados
Aprenda a escolher a condição de espera correta (wait condition) ao testar páginas de detalhes e listas em SPAs JavaScript, atualizando TaskPage, TaskActions, TaskListPage e TaskListItem sem tocar nas classes de teste.
-
Testes E2E para SPAs JavaScript: Formulários Dinâmicos
Aprenda a escolher a condição de espera ideal para formulários de criação e edição populados via API REST em SPAs JavaScript, adaptando UpdateTaskPage e TaskForm.
-
Testes E2E para SPAs JavaScript: Diálogos Modais e Confirmações
Aprenda a testar funcionalidades que exibem diálogos modais de confirmação em SPAs JavaScript criando um Page Object dedicado (DeleteTaskConfirmationDialog) e sincronizando sua abertura e confirmação.