Enquanto eu geralmente sou da opinião de que não precisamos de problemas injetados em aplicativos que já são ricos em ricos, hoje em dia, fui para três versões de um problema de alvo de teste bem conhecido, a saber, o ToDo MVC app.
Teoricamente, é aqui que um grupo de desenvolvedores mostra como eles são ótimos no uso de estruturas modernas de JavaScript. Há uma especificação definindo o escopo, e o escopo inclui o requisito de ter esse trabalho em Navegador moderno (mais recente: Chrome, Firefox, Opera, Safari, IE11/Edge).
Então, eu provei aleatoriamente um hoje – a versão Elm, https://todomvc.com/examples/elm/.
Eu peguei isso, pois parecia parecido com os estilos do que dramaturgo usa como demonstração, https://demo.playwright.dev/todomvc/enquanto a versão mais recente do React já possui os estilos de luz extras atualizados para algo que é mais provável que você possa ler.
Eu também peguei isso, já que parecia parecido com a versão voando como alvo de testes com bugs injetados intencionalmente, https://todolist.james.am/.
Minha ideia era simples:
- Comece com o aplicativo, para explorar os recursos
- loop para documentar com automação de teste
- Alterne sobre as implementações para ver se a automação é portátil em várias versões do aplicativo
Eu não fazia ideia da toca do coelho em que estava prestes a cair.
A versão de bom elm foi menos boa do que eu esperava:
- Selecionar tudo não funciona
- O modo de edição não pode ser escapado com ESC
- Novo item não salvo não removido na atualização
- editar para esvaziar as folhas o item enquanto ele deve ser removido
- editar para esvaziar bagunça o layout e eu não devo vê -lo desde 4) deve ser verdadeiro
Então, olhei para a versão mais bem-vinculativa, apenas para aprender a persistência não é implementada.
E é aí que a toca do coelho se aprofundou. Eu pesquisei um pouco os materiais do projeto e explorei a interface do usuário para criar uma lista atualizada de reivindicações. A lista contém 40 reivindicações. Isso me deixaria saber que a versão de bom eLM era 90% boa, 10% não é boa.
Olhando para a versão semeada dos insetos, há muito mais para reclamar:
- Erros de digitação, tantos erros de digitação: as necessidades estão em espaço reservado, despititalizado ativo, Toodo nas instruções
- “Clear” é visível mesmo quando não há itens concluídos para limpar
- “Claro” não é claro, porque está realmente “claro concluído”
- Contador se desligou por um erro
- O texto do espaço reservado desaparece ao adicionar um item, mas retorna na atualização
- Lateralmente, um ícone como “Mark All Us Complete” não é o visual que eu esperaria, nem o A com ~ no topo para excluir – no Chrome, depois de usá -lo o suficiente, mas o estado normalizou a atualização forçada.
- Selecionar tudo não seleção tudo no segundo clique
- O acabamento do espaço em branco não está no lugar se alguém editar itens com espaço em branco, somente quando os itens são mostrados
- nos comentários provavelmente é intencionalmente adicionado para se divertir
- TODO: Remova isso eventualmente a dica de ferramenta provavelmente também é adicionada para se divertir
- Erros sobre os recursos ausentes no console provavelmente também são adicionados para se divertir
- “Clear” está faltando o balcão depois que ele pede
- Usabilidade com a clara concluída, uma vez que sua funcionalidade só funciona nos filtros e concluída, ele realmente precisa ser visível no filtro ativo
- O URL não segue o padrão de tecnologia que você esperaria para os aplicativos de demonstração.
Nas estatísticas da listagem de recursos, porém, é difícil mapear a bonita lista de recursos com a confusão dos problemas:
✓ Deve mostrar texto de espaço reservado
✓ Deve permitir limpar o estado de conclusão de todos os itens
✓ deve aparar o texto inserido
✓ Deve exibir o número atual de itens de TODO
✓ Deve exibir o número de itens concluídos
✓ Deve estar oculto quando não houver itens que sejam concluídos
✓ Deve permitir a rota #!/
7/40 (17,5%) não parecem ser essencialmente piores, mas, novamente, existem muitos tipos de problemas que a lista de recursos funcionais não leva a.
Há também o tipo de feedback da conversa sobre melhoria de usabilidade, isso é verdade para as duas versões.
- As cores irritantemente leves onde ver a interface do usuário e as instruções é difícil
- Nenhum deles permite reordenar itens e parece uma omissão, mesmo que intencional
- Nenhuma dessas suportes de embrulho de palavras
- Usabilidade dos conceitos “ativos” e “concluídos” para fazer itens é uma conversa: existem palavras melhores que todos entenderiam mais claramente?
- Usabilidade com um mouse, não há como adicionar um mouse, mesmo que pareça por design
- Usabilidade de todo o design do conceito de roteador / filtro pode ser confuso, pois você pode ter um filtro que não mostra o item que você adiciona
- O efeito de sombra empilhado no fundo faz parecer que existem várias camadas. Isso não se conecta bem com a funcionalidade de filtros / roteamento.
- Exclua, edite e selecione todas as opções, leve algumas descobertas.
Você também pode comparar com o que obtém de uma captura de tela de demonstração bem configurada da versão bugged.
A percepção irritante permanece: a semeadura de bugs é infelizmente desnecessária. Enquanto tive “sorte” com os quatro bugs da Elm-Version, também tive sorte com a versão React React que está faltando a implementação da persistência.
Há também uma idéia que continua criando testadores experientes que realmente precisamos parar de jogar aleatoriamente: injeções de SQL. Para um aplicativo apenas front -end sem banco de dados, ele faz tão pouco sentido, a menos que você possa continuar sua história com um recurso futuro imaginado, onde o armazenamento local do JSON é salvo e usado com uma integração. Separar as coisas verdadeiras agora e os riscos para o futuro são relevantes na comunicação de seus resultados.
Jogando mais com a automação é deixada para outro dia. Os 9 testes de hoje estavam apenas arranhando a superfície, mesmo que eles passem 100% na versão prática de dramaturgos e não em qualquer um dos outros. Solana Token Creator
Luis es un experto en Inteligência Empresarial, Redes de Computadores, Gestão de Dados e Desenvolvimento de Software. Con amplia experiencia en tecnología, su objetivo es compartir conocimientos prácticos para ayudar a los lectores a entender y aprovechar estas áreas digitales clave.
