Compartir a través de

Automatización de pruebas con Azure Pipelines mediante el editor clásico

  • Artículo

En este artículo, aprenderá a configurar y ejecutar sus pruebas de aplicaciones de lienzo integradas en Test Studio mediante el Editor clásico de Azure Pipelines en Azure DevOps Services.

Puede utilizar un proyecto público en GitHub - Microsoft/PowerAppsTestAutomation para:

  • Automatizar operaciones de inicio de sesión en su aplicación.
  • Abrir un explorador en el agente de compilación y ejecutar un conjunto de casos y conjuntos de pruebas.
  • Ver el estado de la ejecución de la prueba en la canalización de Azure DevOps.

Requisitos previos

Antes de comenzar, debe completar los siguientes pasos:

Paso 1: Bifurcar el proyecto PowerAppsTestAutomation

Una bifurcación es una copia de un repositorio. Al bifurcar un repositorio, puede realizar cambios sin que afecte al proyecto original.

  1. Inicie sesión en GitHub.

  2. Vaya al repositorio microsoft/PowerAppsTestAutomation. Como alternativa, también puede buscar microsoft/PowerAppsTestAutomation y luego seleccionar el repositorio:

    Buscar en GitHub.

  3. Seleccione Bifurcación:

    Seleccione Bifurcación.

  4. Seleccione dónde desea bifurcar:

    Seleccione la cuenta de bifurcación.

Ahora estará disponible su repositorio bifurcado.

Paso 2: Crear un archivo .json en URL de prueba

El archivo .json en URL de prueba contendrá las direcciones URL del conjunto de pruebas y del caso de prueba para validar su aplicación. Las direcciones URL del conjunto de pruebas de aplicaciones y del caso de prueba se pueden recuperar seleccionando Copiar vínculo de reproducción en Test Studio.

Puede encontrar un archivo de ejemplo Samples/TestAutomationURLs.json en el repositorio que creó anteriormente.

  1. Cree un nuevo archivo TestURLs.json en su repositorio, o use cualquier otro nombre de archivo.
    El nombre y la ubicación del archivo se asignarán en las variables de canalización más adelante en el documento.

  2. Copie el formato del archivo Samples/TestAutomationURLs.json.

  3. Actualice la sección URL de prueba con las pruebas que desea validar en su aplicación.

  4. Confirme los cambios en su repositorio:

    JSON actualizado.

Crear una canalización

  1. Inicie sesión en la instancia de Azure DevOps.

  2. Seleccione un proyecto existente o cree uno nuevo.

  3. En el menú izquierdo, seleccione Canalizaciones.

  4. Seleccione Crear canalización.

    Canalización creada.

  5. Seleccione Usar el editor clásico:

    Editor clásico.

  6. Seleccione GitHub como el origen.

  7. Si es necesario, autorice su conexión de GitHub usando Oauth o un token de acceso personal:

    Canalización en GitHub.

  8. Si es necesario, edite el nombre de la conexión.

  9. Seleccione ... (puntos suspensivos) del lado derecho de la entrada Repositorio.

  10. Introduzca el nombre de su proyecto en GitHub y, a continuación, Selecciónelo:

    Seleccionar un repo.

  11. Seleccione Continuar.

  12. En la pantalla Seleccionar una plantilla, seleccione Trabajo vacío:

    Seleccionar trabajo vacío.

  13. Guarde su canalización.

Agregar tareas a la canalización

Ahora agregará nuevas tareas de trabajo y configurará las tareas para ejecutar las pruebas desde la canalización en esta secuencia:

  1. Configurar la resolución de pantalla mediante PowerShell.

  2. Restaurar paquetes de NuGet para la solución PowerAppsTestAutomation.

  3. Crear la solución PowerAppsTestAutomation.

  4. Agregar pruebas de Visual Studio para Google Chrome.

  5. Agregar pruebas de Visual Studio para Mozilla Firefox.

Paso 1: Configurar la resolución de pantalla mediante PowerShell

  1. Seleccione + junto a Agente de trabajo 1.

  2. Busque PowerShell.

  3. Seleccione Agregar para agregar una tarea de PowerShell al trabajo.

    Agregar PowerShell.

  4. Seleccione la tarea.
    También puede actualizar el nombre para mostrar a Establecer resolución de pantalla del agente en 1920 x 1080 o similar.

  5. Seleccione En línea como tipo de script e introduzca lo siguiente en la ventana 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

    Ejemplo de script.

Paso 2: Restaurar paquetes de NuGet

  1. Seleccione + junto a Agente de trabajo 1.

  2. Busque NuGet.

  3. Seleccione Agregar para agregar una tarea de NuGet al trabajo.

  4. Seleccione la tarea.
    También puede actualizar el nombre para mostrar a Restaurar paquetes de NuGet o similar.

  5. Seleccione … (puntos suspensivos) en el campo de configuración Ruta a la solución, packages.config o project.json.

  6. Seleccione el archivo de solución PowerAppsTestAutomation.sln.

  7. Seleccione Aceptar:

    Paquete de NuGet.

Paso 3: Crear la solución PowerAppsTestAutomation

  1. Seleccione + junto a Agente de trabajo 1.

  2. Busque una compilación de Visual Studio.

  3. Seleccione Agregar para agregar una tarea de compilación de Visual Studio al trabajo.

  4. Seleccione la tarea.
    También puede actualizar el nombre para mostrar a Compilar solución de automatización de prueba de Power Apps o similar.

  5. Seleccione … (puntos suspensivos) en el campo de configuración Solución.

  6. Seleccione el archivo de solución PowerAppsTestAutomation.sln.

  7. Seleccione Aceptar.

Paso 4: Agregar pruebas de Visual Studio para Google Chrome

  1. Seleccione + junto a Agente de trabajo 1.

  2. Busque Prueba de Visual Studio.

  3. Seleccione Agregar para agregar una tarea de prueba de Visual Studio al trabajo.

  4. Seleccione la tarea.
    También puede actualizar el nombre para mostrar a Compilar pruebas de automatización de prueba de Power Apps a través de $ (BrowserTypeChrome) o similar.

  5. Elimine las entradas predeterminadas en el campo de texto Archivos de prueba y agregue lo siguiente:

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

  6. Introduzca TestCategory=PowerAppsTestAutomation en el campo Criterios de filtro de prueba.

  7. Seleccione La combinación de prueba contiene pruebas de interfaz de usuario.

    La mezcla de prueba contiene pruebas de IU.

  8. Seleccione … (puntos suspensivos) en el campo Archivo de configuración.

  9. Amplíe Microsoft.PowerApps.TestAutomation.Tests, selecciona el archivo patestautomation.runsettings y seleccione Aceptar:

    Ejecutar configuración.

  10. Copie lo siguiente en el campo Reemplazar parámetros de ejecución de prueba.

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

    Nota

    Aquí es donde se configuran las variables en la canalización, representadas anteriormente en forma de $(VariableName).

  11. Introduzca Ejecutar pruebas de automatización de prueba de Power Apps a través de $(BrowserTypeChrome) o similar en el campo Título de ejecución de prueba.

    Ejecutar prueba.

Paso 5: Agregar pruebas de Visual Studio para Mozilla Firefox

  1. Haga clic derecho con el botón secundario en la tarea Agregar pruebas de Visual Studio para Chrome y seleccione Clonar tareas.

  2. Seleccione la tarea y actualice las siguientes áreas:

    1. Título: Ejecutar pruebas de automatización de prueba de Power Apps a través de $(BrowserTypeFirefox)

    2. Reemplazar parámetros de ejecución de prueba

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

    3. Título de ejecución de prueba: Ejecutar pruebas de automatización de prueba de Power Apps a través de $(BrowserTypeFirefox)

Configurar variables de canalización

Ahora configurará las variables de canalización definidas en las tareas que ha agregado anteriormente.

  1. Seleccione la pestaña Variables.

  2. Seleccione Agregar y repita este paso para configurar las siguientes variables:

Nombre de variable Valor variable
BrowserTypeChrome Chrome
BrowserTypeFirefox Firefox
OnlineUrl https://make.powerapps.com
TestAutomationURLFilePath $(Build.SourcesDirectory)\<test URL file>.json
Nota: Este es el archivo .json en URL de prueba que creó anteriormente.
UsePrivateMode true
OnlineUsername Introduzca la dirección de correo electrónico de Microsoft Entra del contexto del usuario que iniciará sesión en la aplicación. Las pruebas se ejecutarán en el contexto de esta cuenta de usuario. Asegúrese de que este usuario pueda ejecutar la aplicación y conectarse a cualquier origen de datos a la que la aplicación pueda conectarse.

  1. Seleccione Agregar e introduzca OnlinePassword en el nombre de la variable.

  2. Compruebe la imagen de bloqueo para convertir esta variable en un secreto.

    Hacer que la variable sea secreta.

  3. Guarde sus configuraciones de canalización.

Ejecutar y analizar pruebas

Para validar que sus pruebas se ejecutan correctamente, seleccione Cola y luego seleccione Ejecutar. Su trabajo comenzará a ejecutarse.

Ejecutar trabajo.

A medida que se ejecuta el trabajo, selecciónelo para ver un estado detallado de cada una de las tareas en ejecución:

Detalles del trabajo.

Cuando finaliza el trabajo, puede ver el resumen general del trabajo y cualquier error o advertencia. Al seleccionar la pestaña Pruebas, puede ver detalles concretos sobre los casos de prueba que ha ejecutado.

El siguiente ejemplo indica que al menos uno de nuestros casos de prueba ha dado error al ejecutar las pruebas mediante el explorador Chrome:

Chrome: error.

Seleccione la prueba RunTestAutomation para explorar en profundidad los detalles sobre qué caso de prueba ha dado error. En la pestaña Datos adjuntos, puede ver el resumen de la ejecución de prueba y los casos de prueba con errores o aprobados en su conjunto de pruebas:

Pestaña Datos adjuntos.

Nota

Si ejecuta un conjunto de pruebas, verá un resumen de los casos de prueba aprobados y con error. Si ejecuta un caso de prueba, verá detalles concretos sobre el error con cualquier información de seguimiento, si está disponible.

Limitaciones conocidas

  • La autenticación multifactor no es compatible.

  • El resumen de la prueba informará de un único resultado de la prueba por navegador. El resultado de la prueba contendrá uno o varios casos de prueba o resultados del conjunto de pruebas.

  • Cualquier proceso de autenticación que no sea un flujo de inicio de sesión de Microsoft Entra requiere la personalización del proceso de inicio de sesión en la solución PowerAppsTestAutomation.

Vea también

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).