Si usas Playwright CLI para automatización de navegador, storage state es una de las funciones más útiles. Su tarea es simple: guardar la sesión de login actual y el estado local del navegador para reutilizarlos después en lugar de iniciar sesión cada vez.
01 Guardar el storage state actual
El flujo más común es iniciar sesión una vez y luego exportar el estado actual a un archivo.
|
|
Este comando guarda el estado del contexto de navegador actual en auth.json. Si quieres reutilizar una sesión iniciada más tarde, este suele ser el primer paso.
02 Cargar un storage state existente
Cuando ya tienes un archivo de estado, puedes cargarlo directamente al arrancar.
|
|
Inicia el contexto de navegador con el estado guardado en auth.json. El propósito habitual es evitar logins repetidos y entrar directamente en un entorno autenticado.
03 Ver cookies actuales
Si solo quieres revisar qué cookies existen en la sesión actual, puedes inspeccionarlas directamente.
|
|
Este comando lista las cookies del contexto actual. Es útil para comprobar si existe el estado de login o si las cookies se escribieron correctamente.
04 Configurar cookies
Si ya tienes datos de cookies, también puedes inyectarlos directamente.
|
|
Esto es útil para depuración de autenticación, reproducir una sesión específica o inyectar condiciones de cookies antes de ejecutar un script.
05 Leer localStorage
Algunos sitios guardan estado relacionado con login o frontend no solo en cookies, sino también en localStorage.
|
|
Este comando muestra el contenido de localStorage de la página actual. Es especialmente útil cuando una página parece estar autenticada, pero sigue comportándose mal.
06 Escribir localStorage
Si necesitas simular un estado frontend específico, puedes configurarlo directamente.
|
|
Escribe la clave y el valor indicados en localStorage. Usos comunes incluyen inyectar un token, una preferencia o una bandera de frontend.
07 Leer sessionStorage
sessionStorage sirve para revisar estado temporal ligado a la sesión actual.
|
|
Este comando muestra el sessionStorage de la página actual. Si un flujo depende de datos de sesión de un solo uso, este es un buen lugar para inspeccionarlo.
08 Escribir sessionStorage
Cuando haga falta, también puedes configurar sessionStorage manualmente.
|
|
Es útil para reproducir comportamiento de página que depende de estado temporal, o para completar campos requeridos por un paso de inicialización.
09 Ver IndexedDB
En aplicaciones web más pesadas, los datos locales más importantes pueden vivir realmente en IndexedDB.
|
|
Este comando permite inspeccionar los datos IndexedDB de la página actual. Conviene revisarlo primero cuando trabajas con SPAs complejas, caché offline o bases de datos locales tipo aplicación.
10 Un flujo práctico
Si tu objetivo es simplemente reutilizar de forma fiable una sesión de login, el flujo más práctico suele ser este:
- Abre el sitio y completa el login manualmente.
- Guarda el estado con este comando:
|
|
- Cárgalo directamente en ejecuciones posteriores:
|
|
Si la página sigue comportándose mal después de cargarlo, continúa revisando:
playwright-cli cookiesplaywright-cli local-storageplaywright-cli session-storageplaywright-cli indexed-db
Esa secuencia cubre la mayoría de casos donde el estado restaurado está incompleto.
11 Qué tener en cuenta
Tres puntos importan especialmente:
- Un archivo de
storage statecontiene datos sensibles. Puede incluir cookies o tokens de login, así que no lo commitees casualmente. - Restaurar solo cookies puede no bastar. Muchos sitios modernos también dependen de
localStorage,sessionStorageoIndexedDB. - Los archivos de estado no son válidos para siempre. Tras expiración de cookies, cambios de cuenta o cambios de entorno, normalmente hay que generarlos de nuevo.
12 Resumen rápido
Si solo recuerdas una frase:
storage state en Playwright CLI significa guardar el estado actual del navegador y reutilizarlo en tareas posteriores.
En la práctica, los comandos más útiles son:
|
|
Primero guarda y luego carga; si algo sigue viéndose mal, inspecciona cookies y las distintas capas de almacenamiento local una por una. Esa es la parte más práctica de esta referencia.
Referencias
- Referencia storage-state de Playwright CLI: https://github.com/microsoft/playwright-cli/blob/main/skills/playwright-cli/references/storage-state.md
- Página del proyecto Playwright CLI: https://github.com/microsoft/playwright-cli