Partager via

Automatisez les tests avec Azure Pipelines à l’aide de l’éditeur classique

  • Article

Dans cet article, vous apprendrez à configurer et à exécuter les tests de votre application canevas construits dans Test Studio à l’aide du Éditeur classique Azure Pipelinesdans Prestations de service Azure DevOps.

Vous pouvez utiliser un projet public sur GitHub – Microsoft/PowerAppsTestAutomation à :

  • Automatisez les opérations de connexion à votre application.
  • Ouvrez un navigateur sur l’agent de génération et exécutez un ensemble de cas de test et de suites.
  • Affichez l’état de l’exécution du test dans le pipeline Azure DevOps.

Conditions préalables

Avant de commencer, vous devez terminer la procédure suivante :

Étape 1 – Dupliquer le projet PowerAppsTestAutomation

Une duplication est une copie d’un dépôt. En dupliquant un référentiel, vous pouvez apporter des modifications sans affecter le projet d’origine.

  1. Se connecter à GitHub.

  2. Allez au référentiel Microsoft/PowerAppsTestAutomation. Vous pouvez également rechercher Microsoft/PowerAppsTestAutomation à la place, puis sélectionnez le référentiel :

    Rechercher dans GitHub.

  3. Sélectionnez Dupliquer :

    Sélectionnez Dupliquer.

  4. Sélectionnez où vous souhaitez dupliquer :

    Sélectionnez le compte dupliquer (fork).

Votre référentiel dupliqué sera désormais disponible.

Étape 2 – Créer un fichier .json d’URL de test

Le fichier .json d’URL de test contiendra la suite de tests et les URL de scénario de test pour valider votre application. La suite de tests d’applications et les URL de cas de test peuvent être récupérées en sélectionnant Copier le lien de lecture dans Test Studio.

Vous pouvez trouver un exemple de fichier Samples/TestAutomationURLs.json dans le référentiel que vous avez créé précédemment.

  1. Créer un fichier TestURLs.json dans votre référentiel, ou utilisez tout autre nom de fichier.
    Le nom et l’emplacement du fichier seront mappés dans les variables de pipeline plus tard dans le document.

  2. Copiez le format depuis le fichier Samples/TestAutomationURLs.json.

  3. Mettez à jour la section URL de test avec les tests que vous souhaitez valider dans votre application.

  4. Ajoutez les modifications au référentiel :

    JSON mis à jour.

Créer un pipeline

  1. Connectez-vous à votre instance de Azure DevOps.

  2. Sélectionnez un projet existant ou créez-en un nouveau.

  3. Sélectionnez Pipelines dans le menu gauche.

  4. Sélectionnez Créer un pipeline :

    Pipeline créé.

  5. Sélectionnez Utilisez l’éditeur classique :

    Éditeur classique.

  6. Sélectionnez GitHub comme source.

  7. Si nécessaire, autorisez votre connexion GitHub en utilisant Oauth ou en utilisant un jeton d’accès personnel :

    Pipeline dans GitHub.

  8. Si nécessaire, modifiez le nom de la connexion.

  9. Sélectionnez ... (points de suspension) du côté droit de l’entrée Référentiel.

  10. Saisissez le nom de votre projet sur GitHub, puis Sélectionnez le :

    Sélectionner un référentiel.

  11. Cliquez sur Continuer.

  12. Dans l’écran Sélectionner un modèle, sélectionnez Travail vide :

    Sélectionnez Tâche vide.

  13. Enregistrez votre pipeline.

Ajouter des tâches au pipeline

Vous allez maintenant ajouter de nouvelles tâches et configurer les tâches pour exécuter les tests à partir du pipeline dans cet ordre :

  1. Configurez la résolution d’écran à l’aide de PowerShell.

  2. Restaurez les packages NuGet pour la solution PowerAppsTestAutomation.

  3. Générez la solution PowerAppsTestAutomation.

  4. Ajoutez les tests Visual Studio pour Google Chrome.

  5. Ajouter les tests Visual Studio pour Mozilla Firefox.

Étape 1 – Configurez la résolution d’écran à l’aide de PowerShell

  1. Sélectionnez + à côté de Projet de l’agent 1.

  2. Rechercher PowerShell.

  3. Sélectionnez Ajouter pour ajouter une tâche PowerShell au projet :

    Ajouter PowerShell.

  4. Sélectionnez la tâche.
    Vous pouvez également mettre à jour le nom complet vers Définir la résolution d’écran de l’agent sur 1920 x 1080 ou similaire.

  5. Sélectionnez En ligne comme type de script et entrez les informations suivantes dans la fenêtre 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

    Exemple de script.

Étape 2 – Restaurer les packages NuGet

  1. Sélectionnez + à côté de Projet de l’agent 1.

  2. Recherchez NuGet.

  3. Sélectionnez Ajouter pour ajouter une tâche NuGet au projet.

  4. Sélectionnez la tâche.
    Vous pouvez également mettre à jour le nom complet vers Restaurer les packages NuGetou similaire.

  5. Sélectionner ... (points de suspension) dans le champ de configuration Chemin d’accès à la solution, packages.config ou project.json.

  6. Sélectionnez le fichier solution PowerAppsTestAutomation.sln.

  7. Cliquez sur OK :

    Package NuGet.

Étape 3 – Générer la solution PowerAppsTestAutomation

  1. Sélectionnez + à côté de Projet de l’agent 1.

  2. Recherchez la build Visual Studio.

  3. Sélectionnez Ajouter pour ajouter une tâche de build Visual Studio au projet.

  4. Sélectionnez la tâche.
    Vous pouvez également mettre à jour le nom complet vers Créer la solution d’automation de test Power Apps ou similaire.

  5. Sélectionner ... (points de suspension) dans le champ de configuration Solution.

  6. Sélectionnez le fichier solution PowerAppsTestAutomation.sln.

  7. Cliquez sur OK.

Étape 4 – Ajoutez les tests Visual Studio pour Google Chrome

  1. Sélectionnez + à côté de Projet de l’agent 1.

  2. Recherchez Test Visual Studio.

  3. Sélectionnez Ajouter pour ajouter une tâche de test Visual Studio au projet.

  4. Sélectionnez la tâche.
    Vous pouvez également mettre à jour le nom complet vers Exécuter la solution d’automation de test Power Apps via $(BrowserTypeChrome) ou similaire.

  5. Supprimez les entrées par défaut dans le champ de texte Fichiers de test et ajoutez ce qui suit :

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

  6. Entrez TestCategory=PowerAppsTestAutomation dans le champ Critères de filtre de test.

  7. Sélectionnez Mélange de tests contient des tests d’interface utilisateur.

    Le mélange de test contient des tests d’interface utilisateur.

  8. Sélectionner ... (points de suspension) dans le champ Fichier de paramètres.

  9. Élargissez le Microsoft.PowerApps.TestAutomation.Tests, sélectionnez le fichier patestautomation.runsettings, puis sélectionnez OK :

    Exécuter les paramètres.

  10. Copiez ce qui suit dans le champ Remplacer les paramètres d’exécution des tests.

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

    Notes

    C’est là que les variables du pipeline sont configurées, représentées ci-dessus sous la forme de $(VariableName).

  11. Entrez Exécuter les tests d’automation de test Power Apps via $(BrowserTypeChrome) ou similaire dans le champ Exécuter le test du titre.

    Exécution le test.

Étape 5 – Ajouter les tests Visual Studio pour Mozilla Firefox

  1. Cliquez avec le bouton droit sur la tâche Ajouter les tests Visual Studio pour Chrome et sélectionnez Tâche(s) de clonage.

  2. Sélectionnez la tâche et mettez à jour les zones suivantes :

    1. Titre : Exécutez les tests d’automatisation de test Power Apps via $(BrowserTypeFirefox)

    2. Remplacer les paramètres d’exécution des tests

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

    3. Titre d’exécution de test : Exécutez les tests d’automatisation de test Power Apps via $(BrowserTypeFirefox)

Configurez des variables de pipeline

Vous allez maintenant configurer les variables de pipeline définies dans les tâches que vous avez ajoutées plus tôt.

  1. Cliquez sur l’onglet Variables.

  2. Sélectionnez Ajouter et répétez cette étape pour configurer les variables suivantes :

Nom de la variable Valeur de la variable
BrowserTypeChrome Chrome
BrowserTypeFirefox Firefox
OnlineUrl https://make.powerapps.com
TestAutomationURLFilePath $(Build.SourcesDirectory)\<test URL file>.json
Remarque : C’est le fichier .json URL de test que vous avez créé précédemment.
UsePrivateMode vrai
OnlineUsername Entrer l’adresse e-mail Microsoft Entra du contexte utilisateur qui se connectera à l’application. Les tests seront exécutés dans le contexte de ce compte d’utilisateur. Assurez-vous que cet utilisateur a la possibilité d’exécuter l’application et de se connecter à toutes les sources de données auxquelles l’application peut se connecter.

  1. Sélectionnez Ajouter et entrez OnlinePassword dans le nom de la variable.

  2. Vérifiez l’image de verrouillage pour faire de cette variable un secret.

    Rendre la variable secrète.

  3. Enregistrez vos configurations de pipeline.

Exécuter et analyser des tests

Pour valider la réussite de vos tests, sélectionnez File d’attente, puis sélectionnez Exécuter. Votre travail commencera à s’exécuter.

Exécuter la tâche.

Au fur et à mesure que le travail s’exécute, sélectionnez-le pour afficher un état détaillé de chacune des tâches en cours d’exécution :

Détails des tâches.

Une fois le travail terminé, vous pouvez afficher le résumé de haut niveau du travail et les erreurs ou avertissements. En sélectionnant l’onglet Tests, vous pouvez afficher des détails spécifiques sur les cas de test que vous avez exécutés.

L’exemple suivant indique qu’au moins un de nos cas de test a échoué lors de l’exécution des tests à l’aide du navigateur Chrome :

Chrome – échec.

Sélectionnez le test RunTestAutomation pour explorer les détails de l’échec du test. Dans l’onglet Pièces jointes, vous pouvez voir le résumé de l’exécution du test et les cas de test qui ont échoué ou réussi dans votre suite de tests :

Onglet Pièces jointes.

Notes

Si vous exécutez une suite de tests, vous verrez un résumé des cas de test réussis et échoués. Si vous exécutez un scénario de test, vous verrez des détails spécifiques sur l’échec avec des informations de suivi, si disponibles.

Limitations connues

  • L’authentification multifacteur n’est pas prise en charge.

  • Le résumé du test signalera un seul résultat de test par navigateur. Le résultat du test contiendra un ou plusieurs cas de test ou résultats de suite de tests.

  • Tout processus d’authentification autre que le flux de connexion Microsoft Entra nécessite la personnalisation du processus de connexion dans la solution PowerAppsTestAutomation.

Voir aussi

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).