Construye y prueba el checkout con ChatGPT, paso a paso

1. Abre el ejemplo sin cambiar nada

Entra a la tienda de práctica, agrega dos cuadernos y elige Zona A. El precio ficticio es $5.990 por cuaderno y la entrega cuesta $2.990. Debes obtener $11.980 de subtotal y $14.970 de total. Si no puedes explicar esa cuenta, todavía no conviene pedir más funciones.

Descarga el ZIP, descomprímelo y abre tienda.html en tu navegador. El archivo contiene diseño, ilustraciones y código; no llama servicios externos. Guarda una copia llamada original antes de editar. Comparar con esa copia te permite volver atrás sin depender de recordar qué cambió.

2. Escribe el comportamiento esperado

Define una regla por estado: carrito vacío, cantidad válida, falta de stock, zona sin cobertura, pago rechazado y pago aprobado. Para cada regla escribe la acción, la respuesta visible y lo que debe pasar con el inventario.

En una tienda real, el proveedor de pago y el sistema de pedidos deben coordinar esos estados. La simulación no demuestra que una integración real gestione eventos repetidos o cobros pendientes. Esa comprobación requiere el entorno de prueba documentado de la plataforma y del proveedor.

3. Pide un cambio pequeño y conserva el contrato

Comparte el archivo con ChatGPT si tu cuenta permite adjuntarlo; también puedes pegar el fragmento relevante. Explica que no debe cambiar los identificadores usados por los botones ni modificar fórmulas. Un primer ejercicio útil es cambiar una etiqueta de entrega conservando su valor.

Después abre la nueva versión y compara: el texto debe cambiar y la cuenta de dos cuadernos debe seguir en $14.970. Si también cambió el precio o dejó de funcionar un botón, rechaza esa versión. Una explicación convincente de la IA no compensa una prueba fallida.

Este archivo es una tienda educativa sin pagos reales. Cambia sólo la etiqueta de Zona A a Zona de prueba. Mantén el importe 2990, los IDs, el carrito y la lógica de stock. Devuelve el archivo completo. Explica qué cambiaste y qué cuatro pruebas debo repetir. No agregues pasarelas, cuentas, servicios externos ni campos personales.

4. Prueba los fallos antes de añadir más pantallas

Elige pago rechazado y confirma que siguen los dos cuadernos en el carrito. Cambia a pago aprobado: quedan tres cuadernos de los cinco iniciales. Intenta otra confirmación con el carrito vacío. Luego restablece la simulación y prueba una zona fuera de cobertura.

• Anota acción, esperado y observado; no marques realizado antes de probar.
• Recorre botones y cantidad con teclado.
• Abre la misma pantalla en un celular estrecho.
• Comprueba los mensajes con texto ampliado.

La página de práctica restablece el inventario al recargar porque no tiene pedidos persistentes. Esa limitación está explicada junto al ejemplo. En una tienda comercial, recargar después de comprar no debe repetir el cobro ni restaurar un stock vendido. Añade esa prueba cuando trabajes con una integración real.

5. Lleva las reglas a la plataforma que elijas

Selecciona la plataforma cuando tengas catálogo, entrega y responsabilidades definidos. Configura su modo de ensayo según la documentación vigente y usa sólo datos de prueba autorizados. Revisa también notificaciones e integraciones: un pedido de prueba puede activar correos o sistemas externos.

Antes de abrir, documenta qué sistema confirma el pago, dónde se crea el pedido y cómo se recupera un fallo. Las reglas fiscales, de atención y de comercio electrónico requieren su propia revisión. ChatGPT puede ayudarte a convertir la documentación en una lista de comprobaciones; no puede certificar la operación.

Preguntas frecuentes