Automatizar testes com o Azure Pipelines usando o editor clássico

Neste artigo, você aprenderá a configurar e executar os testes de aplicativos de tela criados no Test Studio usando um editor clássico do Azure Pipelines no Azure DevOps Services.

Você pode usar um projeto público no GitHub - Microsoft/PowerAppsTestAutomation para:

• Automatize operações de logon no seu aplicativo.
• Abra um navegador no agente de build e execute um conjunto de casos de teste e pacotes.
• Exiba o status da execução do teste no pipeline do Azure DevOps.

Pré-requisitos

Antes de começar, você deverá concluir as seguintes etapas:

• Crie o fork do projeto Microsoft/PowerAppsTestAutomation no GitHub.

  Observação

  Os forks públicos não podem se tornar particulares. Se você quiser criar um repositório particular, duplique o repositório.

• Crie um novo arquivo .json de URL de teste no repositório com as URLs de Teste do Aplicativo que você deseja executar do pipeline.

Etapa 1 - Criar fork do projeto PowerAppsTestAutomation

Um fork é uma cópia de um repositório. Ao criar um fork de um repositório, você poderá fazer alterações sem afetar o projeto original.

1. Entre no GitHub.

2. Vá para o repositório microsoft/PowerAppsTestAutomation. Em vez disso, você também pode procurar microsoft/PowerAppsTestAutomation e selecionar o repositório:

   

3. Selecione Criar Fork:

   

4. Selecione onde você deseja criar o fork:

   

Agora, seu repositório com fork estará disponível.

Etapa 2 - Criar um arquivo .json de URL de Teste

O arquivo .json da URL de Teste conterá o conjunto de testes e as URLs dos casos de teste para validar seu aplicativo. O conjunto de testes do aplicativo e as URLs dos casos de teste podem ser recuperados selecionando Copiar link de reprodução no Test Studio.

Você poderá encontrar um arquivo de exemplo, Samples/TestAutomationURLs.json, no repositório que criou anteriormente.

1. Crie um novo arquivo TestURLs.json no seu repositório ou use qualquer outro nome de arquivo.
   O nome e o local do arquivo serão mapeados nas variáveis de pipeline posteriormente no documento.

2. Copie o formato do arquivo Samples/TestAutomationURLs.json.

3. Atualize a seção URLs de teste com os testes que você deseja validar no seu aplicativo.

4. Confirme as alterações em seu repositório:

   

Criar um pipeline

1. Entre em sua instância do Azure DevOps.

2. Selecione um projeto existente ou crie um novo projeto.

3. Selecione Pipelines no menu esquerdo.

4. Selecione Criar Pipeline:

   

5. Selecione Usar o editor clássico:

   

6. Selecione GitHub como a fonte.

7. Se necessário, autorize sua conexão ao GitHub usando OAuth ou usando um token de acesso pessoal:

   

8. Se necessário, edite o nome da conexão.

9. Selecione ... (reticências) do lado direito da entrada Repositório.

10. Digite o nome do seu projeto no GitHub e, em seguida, Selecione-o:

    

11. Selecione Continuar.

12. Na tela Selecionar um modelo, selecione Trabalho vazio:

    

13. Salve seu pipeline.

Adicionar tarefas ao pipeline

Agora, você adicionará novas tarefas de trabalho e configurará as tarefas para executar os testes do pipeline nesta sequência:

1. Configurar a resolução da tela usando o PowerShell.

2. Restaurar pacotes NuGet para a solução PowerAppsTestAutomation.

3. Compilar a solução PowerAppsTestAutomation.

4. Adicionar Testes do Visual Studio ao Google Chrome.

5. Adicionar testes do Visual Studio para Mozilla Firefox.

Etapa 1 - Configurar a resolução da tela usando o PowerShell

1. Selecione + próximo a Trabalho de agente 1.

2. Procure PowerShell.

3. Selecione Adicionar para adicionar uma tarefa do PowerShell ao trabalho:

   

4. Selecione a tarefa.
   Você também pode atualizar o nome de exibição para Definir Resolução de Tela do Agente como 1920 x 1080 ou algo semelhante.

5. Selecione Em linha como o tipo de script e digite o seguinte na janela de script:

   # Set agent screen resolution to 1920x1080 to avoid sizing issues with Portal  
   Set-DisplayResolution -Width 1920 -Height 1080 -Force
   # Wait 10 seconds  
   Start-Sleep -s 10
   # Verify Screen Resolution is set to 1920x1080  
   Get-DisplayResolution
   

   

Etapa 2 - Restaurar pacotes NuGet

1. Selecione + próximo a Trabalho de agente 1.

2. Procurar NuGet.

3. Selecione Adicionar para adicionar uma tarefa do NuGet ao trabalho.

4. Selecione a tarefa.
   Você também pode atualizar o nome de exibição para Restaurar Pacotes NuGet ou algo semelhante.

5. Escolha … (reticências) no campo de configuração Caminho para a solução, packages.config ou project.json.

6. Selecione o arquivo de solução PowerAppsTestAutomation.

7. Selecione OK:

   

Etapa 3 - Compilar a solução PowerAppsTestAutomation

1. Selecione + próximo a Trabalho de agente 1.

2. Procure build do Visual Studio.

3. Selecione Adicionar para adicionar uma tarefa de build do Visual Studio ao trabalho.

4. Selecione a tarefa.
   Você também pode atualizar o nome de exibição para Compilar a Solução de Automação de Teste do Power Apps ou algo semelhante.

5. Escolha … (reticências) no campo de configuração Solução.

6. Selecione o arquivo de solução PowerAppsTestAutomation.

7. Selecione OK.

Etapa 4 - Adicionar Testes do Visual Studio ao Google Chrome

1. Selecione + próximo a Trabalho de agente 1.

2. Procure Teste do Visual Studio.

3. Selecione Adicionar para adicionar uma tarefa de Teste do Visual Studio ao trabalho.

4. Selecione a tarefa.
   Você também pode atualizar o nome de exibição para Executar Testes de Automação de Teste do Power Apps via $(BrowserTypeChrome) ou algo semelhante.

5. Remova as entradas padrão no campo de texto Arquivos de teste e adicione o seguinte:

   **\Microsoft.PowerApps.TestAutomation.Tests\bin\\Debug\Microsoft.PowerApps.TestAutomation.Tests.dll

6. Insira TestCategory=PowerAppsTestAutomation no campo Critérios de filtro de teste.

7. Selecione Mistura de testes contém testes de interface do usuário.

   

8. Escolha … (reticências) no campo Arquivo de configurações.

9. Expanda Microsoft.PowerApps.TestAutomation.Tests, selecione o arquivo patestautomation.runsettings e selecione OK:

   

10. Copie o seguinte no campo Substituir parâmetros de execução de teste.

    -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeChrome)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(ChromeWebDriver)"
    

    Observação

    É aqui que as variáveis no pipeline são configuradas, representadas acima na forma de $(NomeDaVariável).

11. Insira Executar Testes de Automação de Teste do Power Apps via $(BrowserTypeChrome) ou algo semelhante no campo Título da execução de teste.

    

Etapa 5 - Adicionar testes do Visual Studio para Mozilla Firefox

1. Clique com o botão direito do mouse na tarefa Adicionar Testes do Visual Studio ao Chrome e selecione Clonar tarefas.

2. Selecione a tarefa e atualize as seguintes áreas:

   1. Título: Executar Testes de Automação de Teste do Power Apps via $(BrowserTypeFirefox)

   2. Substituir parâmetros de execução de teste

      -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeFirefox)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(GeckoWebDriver)"
      

   3. Título de Execução de Teste: Executar Testes de Automação de Teste do Power Apps via $(BrowserTypeFirefox)

Configurar variáveis de pipeline

Agora, você configurará as variáveis de pipeline definidas nas tarefas adicionadas anteriormente.

1. Selecione a guia Variáveis.

2. Selecione Adicionar e repita esta etapa para configurar as seguintes variáveis:

1. Selecione Adicionar e insira OnlinePassword no nome da variável.

2. Marque a imagem do cadeado para tornar essa variável um segredo.

   

3. Salve as configurações do seu pipeline.

Executar e analisar testes

Para validar que seus testes estão sendo executados com êxito, selecione Fila e, em seguida, Executar. Seu trabalho começará a ser executado.

À medida que o trabalho for executado, selecione-o para ver um status detalhado de cada uma das tarefas em execução:

Quando o trabalho for concluído, você poderá exibir o resumo do trabalho de alto nível e quaisquer erros ou avisos. Ao selecionar a guia Testes, você poderá exibir detalhes específicos dos casos de teste que executou.

O exemplo a seguir indica que pelo menos um de nossos casos de teste falhou ao executar os testes usando o navegador Chrome:

Selecione o teste RunTestAutomation para detalhar o caso de teste que falhou. Na guia Anexos, você pode ver o resumo da execução do teste e quais casos de teste falharam ou foram aprovados no seu conjunto de testes:

Limitações conhecidas

• Não há suporte para a autenticação multifator.

• O resumo do teste relatará um único resultado de teste por navegador. O resultado do teste conterá um ou mais casos de teste ou resultados do conjunto de testes.

• Qualquer processo de autenticação que não seja o fluxo de entrada do Microsoft Entra exige a personalização do processo de entrada na solução PowerAppsTestAutomation.

Consulte também

• Visão geral do Test Studio
• Como trabalhar com o Test Studio
• Configurar pipeline usando YAML