Escrevendo testes de interação de páginas
Clique, preencha formulários e verifique o estado do DOM usando a poderosa API do Playwright.
Escrevendo testes de interação de páginas é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
Teste básico
Cada teste importa as funções de teste e de asserção do Playwright.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});Navegação
Use page.goto(url) para visitar páginas e page.click() para navegar por meio de cliques.
Seletores
Use localizadores por função, texto ou identificador de teste para obter seletores resistentes.
await page.getByRole("button", { name: "Save" }).click();Preenchimento de formulários
Use fill, type, check e selectOption.
await page.getByLabel("Email").fill("user@example.com");Asserções
Use expect(locator) para asserções que são repetidas automaticamente, como toBeVisible e toHaveText.
Assíncrono/await
Toda ação é assíncrona. Sempre aguarde sua conclusão.
Espera automática
Playwright aguarda automaticamente até que os elementos possam receber ações. Assim, há menos testes instáveis.
Capturas de tela
Tire capturas de tela quando houver falhas ou como parte da detecção visual de regressões.
await page.screenshot({ path: "result.png" });Modo sem interface
Os testes são executados sem interface por padrão. Alterne para o modo com interface usando --headed para acompanhar a execução.
Testes paralelos
Playwright executa os testes em paralelo por trabalhador. Use um estado isolado (cookies e armazenamento).
Utilize o Modelo de Objeto de Página
Em suítes grandes, encapsule os localizadores e as ações específicos de cada página em classes.
Verificação rápida
Qual tipo de localizador é mais resiliente?
Recapitulação
Escreva testes de interação com navegação, click, fill e localizadores baseados em função. Use asserções com novas tentativas automáticas.
Perguntas Frequentes
A aula “Escrevendo testes de interação de páginas” é grátis?
Sim — o texto completo de “Escrevendo testes de interação de páginas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “Escrevendo testes de interação de páginas”?
Clique, preencha formulários e verifique o estado do DOM usando a poderosa API do Playwright. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.
Quanto tempo leva a aula “Escrevendo testes de interação de páginas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Configuração do Playwright no SvelteKit
- Escrevendo testes de interação de páginas
- Testando formulários e navegação
- Integração contínua