O ZAPTEST ajuda os programadores a automatizar as suas maquetas o mais cedo possível. Esta funcionalidade permite que as equipas adoptem uma abordagem Agile/DevOps durante o fase de conceção, permitindo-lhes começar da forma como tencionam continuar.
A importância das maquetas
As maquetas são uma parte essencial de um excelente design UI/UX. São muito mais do que apenas o passo seguinte aos wireframes. Em vez disso, oferecem aos programadores e designers uma forma de concetualizar o seu produto e de o transformar em algo tangível.
A utilização de maquetas durante as fases de desenvolvimento permite-lhe incorporar rapidamente o feedback. Estas representações de alta definição do seu produto final proporcionam realismo suficiente para que possa ter uma boa noção do aspeto e da sensação da sua futura aplicação.
As maquetas são também uma óptima forma de as partes interessadas ou os investidores verem se o produto corresponde às suas expectativas. Mais importante ainda, se receber feedback que signifique que precisa de fazer alterações, é simples incorporar estas novas opiniões na sua maquete muito antes de ter introduzido uma linha de código.
Automação baseada em maquetas ZAPTEST
Depois de entregar uma maquete que agrade a todos, pode passar à etapa seguinte. No entanto, uma verdadeira abordagem Agile/DevOps envolve testes automatizados logo na primeira oportunidade. Agora, pode perguntar-se: “Como é que posso automatizar os testes quando estou apenas na fase de conceção?” Na ZAPTEST, entendemos que o teste contínuo deve começar o mais cedo possível, e é por isso que oferecemos automação baseada em mockups.
Neste artigo, vamos mostrar-lhe como pode gerar scripts de teste e documentação a partir da sua maquete e testá-la em paralelo em diferentes sistemas operativos.
Passo 1: Da maquete ao guião de teste
Pode conceber maquetas de várias formas. Pode desenhá-los à mão ou utilizar ferramentas de desenho populares como o Figma ou o Placeit. Seja qual for o método que preferir, pegue no seu produto final e utilize a funcionalidade GUI de digitalização do ZAPTESTs para o importar para a nossa plataforma.
A funcionalidade GUI de digitalização detecta qualquer texto na sua maquete e cria automaticamente objectos relacionados. Além disso, a ancoragem automática estabelece relações entre quaisquer campos de texto na sua maqueta e etiquetas no guião. O resultado é que, se mover um texto específico no ecrã, todos os elementos relacionados o seguirão automaticamente. Por exemplo, se tiver uma maquete de um ecrã de início de sessão, pode ligar um objeto “Nome de utilizador” a um campo de texto.
Além disso, durante esta fase, é possível modificar os valores de nome predefinidos para os objectos, de modo a garantir a máxima clareza. Esta funcionalidade é especialmente útil se tiver muitos botões diferentes na sua maquete.
Como resultado deste processo, todos os objectos são armazenados e organizados no Explorador do Repositório.
Passo 2: Adicionar objectos ao guião
Depois de ter importado e identificado a sua maquete, é altura de a transformar num guião de teste.
Para definir uma etapa no script ZAPTEST, basta localizar o objeto no Mapa GUI ou no Repositório de Objectos e fazer duplo clique sobre ele. Ou pode arrastar e largar objectos num local específico do seu guião. O ZAPTEST sugerirá uma lista de operações a escolher para a etapa.
A primeira coisa que precisa de fazer é adicionar um passo de validação que verifique se a sua página de destino existe. Em seguida, tem de selecionar “TYPE” e adicionar cada elemento da sua maquete (ou seja, um “nome de utilizador” ligado e um campo de texto).
Depois, pode adicionar “CLICK” a qualquer botão da sua maquete que os seus utilizadores possam selecionar.
Por fim, quando a sua aplicação estiver pronta para ser testada, escolha um browser desejado, seleccione LANÇAR e escreva o endereço da aplicação. Agora, pode executar o seu script na aplicação.
Passo 3: Executar o script
A automatização do teste de maquetas ZAPTEST é tão poderosa que o script é executado à primeira sem necessidade de quaisquer modificações. Agora, pode testar o seu modelo a partir do seu browser e ter uma noção real da experiência do utilizador da sua aplicação, tudo isto sem escrever qualquer código.
Quando o script estiver pronto, pode ser adicionado ao seu pipeline de CI/CD e utilizado na sua estrutura de testes contínuos.
Esta funcionalidade poupa obviamente muito tempo. Além disso, também significa que os funcionários de design não técnicos podem transformar as suas ideias em aplicações funcionais em minutos – sem mais esperas para pôr as ideias em prática.
No entanto, as poupanças de tempo não se ficam por aqui; a automatização de maquetas ZAPTEST também lhe permite criar documentação.
1. Gerar documentação
O ZAPTEST permite-lhe gerar documentação de teste com um simples clique de um botão. A documentação está dividida em passos detalhados com uma secção para os resultados esperados. A melhor coisa é que pode converter estes documentos numa variedade de formatos, como Word, PDF, HTML, XML e CSV. Além disso, também pode exportar para o Micro Focus ALM, Rally (ou CA Agile Center), Jira, o Azure DevOps e muitos outros. As opções são infinitas.
2. Execução em paralelo
A etapa final da nossa automação de teste baseada em mockups envolve o uso do ZAPTEST M-RUN. As nossas poderosas ferramentas de automatização de testes de software permitem aos utilizadores executar vários scripts ao mesmo tempo em várias plataformas diferentes. Os utilizadores acedem às aplicações através de diferentes dispositivos e sistemas operativos, pelo que é imperativo testar cada uma destas propriedades.
Algumas das plataformas que o ZAPTEST M-RUN permite testar são Android, iOS, Mac, Linux e Windows. Pode ligar o ZAPTEST a dispositivos físicos do mundo real e utilizar a nossa plataforma para executar o teste e gerir os resultados. Este processo também se baseia na implementação do ZAPTEST 1SCRIPT, que facilita a realização de testes e a execução em diferentes plataformas sem a necessidade de alterar o código de automatização para se adequar a cada propriedade separada.
A visualização remota em direto permite-lhe monitorizar os testes em paralelo. Quando o teste estiver concluído, pode rever os resultados de cada dispositivo individual. Estes dados ajudam a garantir que a sua aplicação pode funcionar sem problemas nos vários dispositivos que as partes interessadas utilizam.
Considerações finais
Como qualquer programador de software sabe, os testes chegam muitas vezes demasiado tarde. A implementação de testes numa fase posterior do ciclo de desenvolvimento de software pode revelar problemas que deveriam ter sido detectados mais cedo, levando a reescritas de código dispendiosas. No entanto, também pode ser feito demasiado tarde e causar grandes atrasos durante o ciclo de vida de desenvolvimento do software (SDLC).
Os modelos de maquetas são uma óptima forma de identificar problemas de IU/UX numa fase inicial. No entanto, para as equipas Agile/DevOps, são também uma oportunidade para implementar testes contínuos o mais rapidamente possível. Graças à tecnologia de visão computacional do ZAPTEST, pode agora importar as suas maquetas desenhadas à mão ou geradas por computador, convertê-las em código e testá-las nos vários dispositivos que os seus intervenientes utilizam.
A partir daí, pode gerar documentação e resultados de testes que aumentam o feedback da IU/UX, garantindo que a sua aplicação começa da melhor forma.
