Distinguir carga, error y cola vacía
TaskQueue empieza con una lista vacía, muestra la cola vacía antes de recibir la respuesta y llama a api.tasks.list().then sin gestionar rechazos. El cliente de API lanza errores HTTP; la tarjeta no ofrece recuperación.
- Tamaño estimado
- S · 2–4 horas
- Conocimientos
- React · TypeScript · HTTP
Archivos y evidencias
- YagoLagrottiBracco/dev-forge/apps/web/src/components/agents/task-queue.tsxArchivo que modificar ·
dabb49843b69· L9–L34 - YagoLagrottiBracco/dev-forge/apps/web/src/lib/api.tsContexto ·
dabb49843b69· L19–L34
Criterios de aceptación, paso a paso
- Reproducir con una petición pendiente y otra rechazada; añadir estados explícitos de carga y error a la tarjeta.
- Mostrar la cola vacía solo tras una respuesta correcta sin tareas TODO; mantener el filtro TODO y el límite de cinco elementos.
- Ofrecer un botón de reintento accesible por teclado; una respuesta correcta debe sustituir el estado de error.
- Cubrir carga pendiente, error HTTP, recuperación, éxito vacío y éxito con más de cinco tareas en pruebas del componente.