Pruebas automatizadas del banner de consentimiento con Playwright: una guía práctica

Por qué automatizar las pruebas de consentimiento

Las comprobaciones manuales del consentimiento son fáciles de saltarse y fáciles de hacer mal. Una etiqueta nueva añadida por marketing, una actualización del tema o un cargador de scripts refactorizado pueden empezar a disparar rastreadores antes del consentimiento sin que nadie lo note, hasta que lo hace un cliente o un regulador. Las pruebas automatizadas de navegador convierten la pregunta «¿sigue nuestro banner comportándose bien?» en algo que se ejecuta en cada versión. Playwright encaja bien porque controla navegadores reales, puede interceptar solicitudes de red y ofrece contextos de navegador nuevos y aislados.

Los contextos de prueba

Cada prueba debe empezar desde un contexto de navegador limpio, sin cookies ni almacenamiento local. Eso imita a un visitante nuevo. Cree un contexto nuevo por prueba en lugar de reutilizar una página; de lo contrario, una elección guardada por una prueba se filtra a la siguiente.

Prueba 1: nada se dispara antes del consentimiento

Escuche todas las solicitudes de red desde el momento en que la página empieza a cargarse. Cargue la página, espere a que quede inactiva y no toque el banner. Después compare las solicitudes con una lista de dominios de rastreadores que usted mantenga, como analítica, publicidad y píxeles sociales. La prueba falla si alguna solicitud va a un dominio de la lista. Lea también la lista de cookies del contexto y haga fallar la prueba si existe alguna cookie no esencial.

Prueba 2: rechazar mantiene todo desactivado

  1. Cargue la página en un contexto nuevo.
  2. Haga clic en el control de rechazo del banner.
  3. Navegue a dos o tres páginas más, incluida una con contenido multimedia incrustado.
  4. Verifique que no se hizo ninguna solicitud de rastreadores y que no se establecieron cookies no esenciales.
  5. Recargue y verifique que el banner sigue oculto y que la elección persiste.

Prueba 3: aceptar activa lo que debe

Haga clic en aceptar y verifique que ahora se disparan las etiquetas esperadas, por ejemplo su solicitud de analítica. Esto protege contra el fallo contrario: un banner que registra el consentimiento pero nunca libera los scripts, lo que le cuesta datos e ingresos en silencio.

Prueba 4: opciones granulares

Abra la capa de preferencias, active solo una finalidad y guarde. Verifique que se disparan las etiquetas vinculadas a esa finalidad y no las vinculadas a las demás. Mantenga un pequeño archivo de correspondencia entre finalidad y dominios esperados para que la prueba se lea con claridad y sea fácil de actualizar.

Prueba 5: retirada

Acepte, luego vuelva a abrir los ajustes mediante su enlace permanente y retire el consentimiento. Verifique que las solicitudes posteriores a los rastreadores cesan y que el estado de consentimiento almacenado refleja el cambio. Tenga en cuenta que las cookies ya establecidas pueden tener que eliminarse de forma explícita, así que decida cuál es su política y pruébela.

Prueba 6: señales

Si usa Google Consent Mode, lea el data layer en el contexto de la página antes y después de cada elección y verifique que los valores del estado de consentimiento coinciden: denegado por defecto, concedido para las categorías que el visitante aceptó. Si usa una cadena TCF, léala mediante la API de TCF y verifique que está presente tras una elección y que la refleja.

Mantener las pruebas fiables

Cómo encaja FlexyConsent

FlexyConsent admite IAB TCF 2.4, IAB GPP v1.1 y Google Consent Mode v2, de modo que las señales sobre las que verifica en las pruebas son estándar y puede leerlas desde la página. El banner está disponible en 58 idiomas; si atiende a varios, incluya una prueba que cargue al menos una versión que no sea en inglés.

Puntos clave

← Blog Leer todo →