Carrito de compra

Crea un carrito de compra en el que se puedan añadir productos, cambiar sus cantidades y aplicar un cupón, con un subtotal, un descuento y un total. Practicas las actualizaciones inmutables de una lista de objetos y los valores derivados del estado.

• La interfaz: los productos con sus botones Add, las líneas del carrito con − y +, el formulario del cupón y los totales.
• Tu trabajo es la lógica: guardar el carrito y el cupón, y calcular lo que se muestra.
• Conserva los aria-label (Add T-shirt, Increase T-shirt, Decrease T-shirt, Quantity of T-shirt, Coupon code), los textos (Your cart is empty, Subtotal: $…, Discount: −$…, Total: $…, Invalid coupon) y los role: los usan los tests.

• Al empezar, el carrito está vacío: ves Your cart is empty y Total: $0.00.
• Add pone el producto en el carrito con cantidad 1; añadir un producto que ya está en él aumenta su cantidad en lugar de añadir otra línea.
• + y − cambian la cantidad de una línea; cuando baja de 1, la línea se borra.
• Cada línea muestra su precio por su cantidad, y el subtotal suma todas las líneas. El dinero se muestra siempre con dos decimales ($12.99).
• Apply con el código SAVE10 descuenta un 10 % del subtotal: ves Discount: −$… y el total es el subtotal menos el descuento. El descuento se redondea al centavo.
• Cualquier otro código muestra Invalid coupon en un elemento con role="alert", y no hay descuento.

• Añades un Coffee mug → una línea con $12.99, y Total: $12.99.
• Aplicas SAVE10 → Discount: −$1.30 y Total: $11.69.
• Pulsas + en Coffee mug → $25.98 en su línea.

• Actualizaciones inmutables de una lista de objetos.
• Valores derivados del estado.
• El dinero y los decimales, que en binario no siempre son exactos.