Automatizzare i test con Azure Pipelines usando l'editor classico

In questo articolo, imparerai come impostare ed eseguire i test delle tue app canvas create in Test Studio usando l'editor classico di Azure Pipelines in Azure DevOps Services.

Puoi usare un progetto pubblico su GitHub - Microsoft/PowerAppsTestAutomation per:

  • Automatizzare le operazioni di accesso alla tua applicazione.
  • Aprire un browser sull'agente di compilazione ed eseguire una serie di test case e suite di test.
  • Visualizzare lo stato dell'esecuzione del test nella pipeline Azure DevOps.

Prerequisiti

Prima di iniziare devi eseguire la procedura seguente:

Passaggio 1: fork del progetto PowerAppsTestAutomation

Un fork è la copia di un repository. Eseguendo il forking di un repository, puoi apportare modifiche senza influire sul progetto originale.

  1. Accedi a GitHub.

  2. Vai al repository microsoft/PowerAppsTestAutomation. Puoi anche cercare microsoft/PowerAppsTestAutomation e selezionare il repository:

    Cercare in GitHub.

  3. Seleziona Fork:

    Seleziona Fork.

  4. Seleziona dove vuoi eseguire il forking:

    Seleziona l'account Fork.

Il repository sottoposto a forking è ora disponibile.

Passaggio 2 - Crea il file .json degli URL di test

Il file .json degli URL di test contiene gli URL della suite di test e del test case per la convalida dell'app. Puoi recuperare gli URL della suite di test dell'app e del test case selezionando Copia collegamento alla riproduzione in Test Studio.

Puoi trovare un file di esempio Samples/TestAutomationURLs.json nel repository creato in precedenza.

  1. Crea uno nuovo file TestURLs.json nel repository o utilizza qualsiasi altro nome file.
    Il nome e il percorso del file verranno mappati nelle variabili della pipeline più avanti nel documento.

  2. Copia il formato dal file Samples/TestAutomationURLs.json.

  3. Aggiorna la sezione URL di test con i test che desideri usare per convalidare la tua app.

  4. Esegui il commit delle modifiche nel repository:

    JSON aggiornato.

Creare una pipeline

  1. Accedere all'istanza di Azure DevOps.

  2. Seleziona un progetto esistente o creane uno nuovo.

  3. Scegli Pipeline dal menu a sinistra.

  4. Seleziona Crea pipeline:

    Pipeline creata.

  5. Seleziona Usa l'editor classico:

    Editor classico.

  6. Seleziona GitHub come origine.

  7. Se necessario, autorizza la connessione GitHub usando Oauth o usando un token di accesso personale:

    Pipeline in GitHub.

  8. Se necessario, modifica il nome della connessione.

  9. Seleziona ... (puntini di sospensione) dal lato destro dell'input Repository.

  10. Immetti il nome del progetto su GitHub e quindi selezionalo:

    Seleziona un report.

  11. Selezionare Continua.

  12. Nella schermata Seleziona un modello, seleziona Fase vuota:

    Seleziona Fase vuota.

  13. Salva la pipeline.

Aggiungere attività alla pipeline

Ora aggiungerai nuove attività di lavoro e configurerai le attività per eseguire i test dalla pipeline in questa sequenza:

  1. Configura la risoluzione dello schermo tramite PowerShell.

  2. Ripristina i pacchetti NuGet per la soluzione PowerAppsTestAutomation.

  3. Compila la soluzione PowerAppsTestAutomation.

  4. Aggiungi i test di Visual Studio per Google Chrome.

  5. Aggiungi i test di Visual Studio per Mozilla Firefox.

Passaggio 1 - Configura la risoluzione dello schermo tramite PowerShell

  1. Seleziona + accanto ad Agent job 1.

  2. Cerca PowerShell.

  3. Seleziona Aggiungi per aggiungere un'attività PowerShell al processo:

    Aggiungere PowerShell.

  4. Seleziona l'attività.
    Puoi anche aggiornare il nome visualizzato impostando Set Agent Screen Resolution to 1920 x 1080 o un nome simile.

  5. Seleziona Inline come tipo di script e immetti quanto segue nella finestra dello 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
    

    Esempio di script.

Passaggio 2 - Ripristina i pacchetti NuGet

  1. Seleziona + accanto ad Agent job 1.

  2. Cercare NuGet.

  3. Seleziona Aggiungi per aggiungere un'attività NuGet al processo.

  4. Seleziona l'attività.
    Puoi anche aggiornare il nome visualizzato impostando Restore NuGet Packages o un nome simile.

  5. Selezionare (puntini di sospensione) nel campo di configurazione Percorso della soluzione solution, di packages.config o project.json.

  6. Seleziona il file della soluzione PowerAppsTestAutomation.sln.

  7. seleziona OK:

    Pacchetto NuGet.

Passaggio 3 - Compila la soluzione PowerAppsTestAutomation

  1. Seleziona + accanto ad Agent job 1.

  2. Cerca la build di Visual Studio.

  3. Seleziona Aggiungi per aggiungere un'attività build di Visual Studio al processo.

  4. Seleziona l'attività.
    Puoi anche aggiornare il nome visualizzato impostando Build Power Apps Test Automation Solution o un nome simile.

  5. Selezionare (puntini di sospensione) nel campo di configurazione Solution.

  6. Seleziona il file della soluzione PowerAppsTestAutomation.sln.

  7. Seleziona OK.

Passaggio 4 - Aggiungi i test di Visual Studio per Google Chrome

  1. Seleziona + accanto ad Agent job 1.

  2. Cerca Visual Studio Test.

  3. Seleziona Aggiungi per aggiungere un'attività test di Visual Studio al processo.

  4. Seleziona l'attività.
    Puoi anche aggiornare il nome visualizzato impostando Run Power Apps Test Automation Tests via $(BrowserTypeChrome) o un nome simile.

  5. Rimuovi le voci predefinite nel campo di testo File di test e aggiungi quanto segue:

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

  6. Immetti TestCategory=PowerAppsTestAutomation nel campo Criteri di filtro dei test.

  7. Seleziona La combinazione di test contiene test dell'interfaccia utente.

    Il mix di test contiene test dell'interfaccia utente.

  8. Selezionare (puntini di sospensione) nel campo File delle impostazioni.

  9. Espandi Microsoft.PowerApps.TestAutomation.Tests, seleziona il file patestautomation.runsettings, quindi seleziona OK:

    Impostazioni di esecuzione.

  10. Copia quanto segue nel campo Esegui override dei parametri di esecuzione dei test.

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

    Nota

    Qui sono configurate le variabili nella pipeline, rappresentate sopra sotto forma di $(VariableName).

  11. Immetti Run Power Apps Test Automation Tests via $(BrowserTypeChrome) o nome simile nel campo Titolo esecuzione dei test.

    Esecuzione del test.

Passaggio 5 - Aggiungi i test di Visual Studio per Mozilla Firefox

  1. Fai clic con il tasto destro del mouse sull'attività Aggiungi test di Visual Studio per Chrome e seleziona Clona attività.

  2. Seleziona l'attività e aggiorna le seguenti aree:

    1. Titolo: Run Power Apps Test Automation Tests via $(BrowserTypeFirefox)

    2. Esegui override dei parametri di esecuzione dei test

      -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeFirefox)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(GeckoWebDriver)"
      
    3. Titolo esecuzione dei test: Run Power Apps Test Automation Tests via $(BrowserTypeFirefox)

Configurare le variabili della pipeline

Ora configurerai le variabili della pipeline definite nelle attività che hai aggiunto prima.

  1. Seleziona la scheda Variabili.

  2. Seleziona Aggiungi e ripeti questo passaggio per configurare le seguenti variabili:

Nome variabile Valore variabile
BrowserTypeChrome Chrome
BrowserTypeFirefox Firefox
OnlineUrl https://make.powerapps.com
TestAutomationURLFilePath $(Build.SourcesDirectory)\<test URL file>.json
Nota: questo è il file .json degli URL di test creato in precedenza.
UsePrivateMode vero
OnlineUsername Inserisci l'indirizzo e-mail Microsoft Entra del contesto dell'utente che accederà all'applicazione. I test verranno eseguiti nel contesto di questo account utente. Assicurati che questo utente abbia la possibilità di eseguire l'app e di connettersi a qualsiasi origine dati a cui l'app potrebbe connettersi.
  1. Seleziona Aggiungi e immetti OnlinePassword nel nome della variabile.

  2. Seleziona l'immagine di blocco per rendere segreta questa variabile.

    Rendere segreta la variabile.

  3. Salva le configurazioni della pipeline.

Eseguire e analizzare i test

Per confermare che i test vengono eseguiti correttamente, seleziona Coda e quindi seleziona Esegui. Il tuo processo inizierà l'esecuzione.

Esegui processo.

Durante l'esecuzione del processo, seleziona il processo per visualizzare uno stato dettagliato di ciascuna delle attività in esecuzione:

Dettagli processo.

Al termine del processo, puoi visualizzare il riepilogo del processo di alto livello e qualsiasi errore o avviso. Selezionando la scheda Test, puoi visualizzare i dettagli specifici del test case che hai eseguito.

L'esempio seguente indica che almeno uno dei test case non è riuscito durante l'esecuzione dei test utilizzando il browser Chrome:

Chrome: non riuscito.

Seleziona il test RunTestAutomation per approfondire i dettagli su quale test case non è riuscito. Nella scheda Allegati puoi visualizzare il riepilogo dell'esecuzione del test e quali test case hanno avuto esito negativo o positivo nella suite di test:

Scheda Allegati.

Nota

Se esegui una suite di test, vedrai un riepilogo dei test case riusciti e non riusciti. Se esegui un test case, vedi i dettagli specifici dell'errore con eventuali informazioni di traccia, se disponibili.

Limitazioni note

  • L'autenticazione a più fattori non è supportata.

  • Il riepilogo del test riporterà un singolo risultato del test per browser. Il risultato del test conterrà uno o più risultati di test case o della suite di test.

  • Qualsiasi processo di autenticazione diverso dal flusso di accesso Microsoft Entra richiede la personalizzazione del processo di accesso nella soluzione PowerAppsTestAutomation.

Vedi anche

Nota

Puoi indicarci le tue preferenze di lingua per la documentazione? Partecipa a un breve sondaggio. (il sondaggio è in inglese)

Il sondaggio richiederà circa sette minuti. Non viene raccolto alcun dato personale (Informativa sulla privacy).