Distinguir carregamento, erro e fila vazia
TaskQueue começa com uma lista vazia, mostra a mensagem de fila vazia antes da resposta e chama api.tasks.list().then sem tratar rejeições. O cliente de API lança um erro em respostas HTTP inválidas; a tela não oferece recuperação.
- Tamanho estimado
- S · 2–4 horas
- Conhecimentos
- React · TypeScript · HTTP
Arquivos e evidências
- YagoLagrottiBracco/dev-forge/apps/web/src/components/agents/task-queue.tsxArquivo a alterar ·
dabb49843b69· L9–L34 - YagoLagrottiBracco/dev-forge/apps/web/src/lib/api.tsContexto ·
dabb49843b69· L19–L34
Critérios de aceite, passo a passo
- Reproduzir com uma requisição pendente e uma rejeitada; adicionar estados explícitos de carregamento e erro no cartão.
- Exibir a fila vazia apenas após sucesso sem tarefas TODO; manter o filtro TODO e o limite de cinco itens.
- Oferecer um botão de tentar novamente acessível por teclado; uma nova resposta válida deve substituir o erro.
- Cobrir resposta pendente, erro HTTP, recuperação, sucesso vazio e sucesso com mais de cinco tarefas em testes de componente.