Escritura de pruebas de interacción de páginas
Haga clic, complete formularios y compruebe el estado del DOM mediante la potente API de Playwright.
Escritura de pruebas de interacción de páginas es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Test básico
Cada test importa test y expect de Playwright.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});Navegación
Use page.goto(url) para visitar páginas y page.click() para navegar mediante clics.
Selectores
Use localizadores por rol, texto o test-id para conseguir selectores resistentes.
await page.getByRole("button", { name: "Save" }).click();Rellenar formularios
Use fill, type, check y selectOption.
await page.getByLabel("Email").fill("user@example.com");Aserciones
Use expect(locator) para realizar aserciones con reintentos, como toBeVisible y toHaveText.
Async/Await
Cada acción es asíncrona. Espere siempre su finalización.
Espera automática
Playwright espera automáticamente a que los elementos estén listos para interactuar. Así se reducen los tests inestables.
Capturas de pantalla
Capture pantallas cuando se produzca un error o como parte de una regresión visual.
await page.screenshot({ path: "result.png" });Modo headless
Los tests se ejecutan en modo headless de forma predeterminada. Active el modo con interfaz mediante --headed para observarlos.
Tests en paralelo
Playwright ejecuta los tests en paralelo por worker. Use un estado aislado (cookies y almacenamiento).
Usar el patrón Page Object Model
En suites grandes, encapsule los localizadores y las acciones específicos de cada página en clases.
Comprobación rápida
¿Qué tipo de localizador es más resistente?
Resumen
Escriba pruebas de interacción con goto, click, fill y localizadores basados en roles. Use expect para realizar aserciones con reintentos.
Preguntas frecuentes
¿La lección «Escritura de pruebas de interacción de páginas» es gratis?
Sí — el texto completo de «Escritura de pruebas de interacción de páginas» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Escritura de pruebas de interacción de páginas»?
Haga clic, complete formularios y compruebe el estado del DOM mediante la potente API de Playwright. Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Escritura de pruebas de interacción de páginas»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Configuración de Playwright en SvelteKit
- Escritura de pruebas de interacción de páginas
- Pruebas de formularios y navegación
- Integración con CI