Tutorial: Crear, editar y mantener una prueba de IU codificada para una aplicación de Silverlight

Artículo
08/10/2011

Puede crear pruebas de UI codificadas o grabaciones de acciones para aplicaciones de Silverlight 4 utilizando Microsoft Microsoft Visual Studio 2010 Feature Pack 2. Las grabaciones de acciones permiten avanzar rápidamente por los pasos en una prueba manual. Para obtener más información sobre las grabaciones de acciones o las pruebas de IU codificadas, vea Cómo: Crear una grabación de acciones o Cómo: Crear una prueba de IU codificada.

En este tutorial, obtendrá información sobre los procedimientos necesarios para probar un control de Silverlight en una aplicación basada en Silverlight. Este tutorial le guía a través de los procedimientos siguientes:

Preparación del tutorial Compruebe que el runtime de desarrollador de Silverlight esté instalado y cree una aplicación sencilla de Silverlight que utilice un control de cuadrícula de Silverlight para realizar la prueba de IU codificada. Se van a seguir los pasos del Tutorial: crear una solución de RIA Services.
Agregue Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll al proyecto de Silverlight.
Crear una prueba de IU codificada Cree una prueba de IU codificada en la aplicación de Silverlight.
Ejecutar la prueba de IU codificada Compruebe que las características de la prueba de IU codificada funcionan correctamente en la aplicación de Silverlight.

Requisitos previos

Para este tutorial, necesitará:

Visual Studio 2010 Ultimate, Visual Studio 2010 Premium o Test Professional 2010.
Silverlight Developer 4 para desarrolladores.
Complete los procedimientos del Tutorial: crear una solución de RIA Services.

Preparación del tutorial

Para preparar el tutorial

Compruebe que tiene el runtime del desarrollador de Silverlight 4, que se encuentra disponible en Silverlight Developer 4 for Developers.
Compruebe que ha completado los procedimientos del Tutorial: crear una solución de RIA Services.

El resultado será una aplicación sencilla de Silverlight que utiliza un control de cuadrícula de Silverlight. Más adelante en el tutorial, utilizará el control de cuadrícula y hará las pruebas de IU codificadas con él.

Sugerencia

Para obtener más información sobre controles compatibles y no compatibles con Silverlight, vea Cómo: Configurar la aplicación de Silverlight para realizar pruebas.

Nota

El Tutorial: crear una solución de RIA Services instalará el WCF RIA Services for Visual Studio 2010 y la base de datos de ejemplo AdventureWorksLT.
Con el RIAServicesExample que creó en el Tutorial: crear una solución de RIA Services en ejecución, copie la dirección de la aplicación web en el portapapeles o en un archivo de Bloc de notas. Por ejemplo, la dirección podría ser parecida a esta: https://localhost:<númeroDePuerto>/RIAServicesExampleTestPage.aspx.

Sugerencia
Para obtener más información sobre controles compatibles y no compatibles con Silverlight, vea Cómo: Configurar la aplicación de Silverlight para realizar pruebas.

Agregar el archivo SilverlightUIAutomationHelper.dll a un proyecto de Silverlight 4

Para probar las aplicaciones de Silverlight, debe agregar Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll como una referencia a su aplicación de Silverlight 4 para poder identificar los controles de Silverlight. Este ensamblado auxiliar instrumenta la aplicación de Silverlight para permitir que la información sobre un control esté disponible para la API del complemento de Silverlight que se utiliza en una prueba de IU codificada o para la grabación de acciones. Este ensamblado no se puede redistribuir. Por consiguiente, debe agregar esta referencia condicional si desea compilar la aplicación. Con este enfoque, el ensamblado no se redistribuye al implementar el software en un cliente.

Para agregar SilverlightUIAutomationHelper.dll

Para cada proyecto de Silverlight de la solución que desea probar, debe agregar el archivo SilverlightUIAutomationHelper.dll. En el Explorador de soluciones, haga clic con el botón secundario en el proyecto RIAServicesExample y seleccione Descargar el proyecto.

El proyecto aparece en el Explorador de soluciones como RIAServicesExample (unavailable).
Haga clic con el botón secundario de nuevo en el proyecto y, a continuación, haga clic en Editar RIAServicesExample.csproj.

El archivo RIAServicesExample.csproj se abre en el Editor de código. Verá los nodos <PropertyGroup> seguidos por los nodos <ItemGroup>. Debe realizar las dos modificaciones siguientes:
1. Para establecer la condición de producción, agregue la siguiente entrada al primer nodo <PropertyGroup>:
```
<Production Condition="'$(Production)'==''">False</Production>
```
2. Para agregar el archivo DLL cuando la compilación no es una compilación de producción, inserte el siguiente <Choose> después de los nodos <PropertyGroup>, pero antes de los nodos <ItemGroup>:
```
<Choose>
   <When Condition=" '$(Production)'=='False' ">
         <ItemGroup>
           <Reference Include="Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper">
           </Reference>
         </ItemGroup>
       </When>
 </Choose>
```
Para guardar el archivo, haga clic en Guardar.

Para recargar estos cambios, haga clic con el botón secundario en el proyecto del servidor y, a continuación, haga clic en Volver a cargar el proyecto

Precaución
Si tiene varios proyectos de Silverlight que desea probar, debe seguir estos pasos con cada uno.

Importante
Para quitar el archivo SilverlightUIAutomationHelper.dll de manera que no redistribuya con el código de producción, establezca el valor de la condición de producción en el primer nodo <PropertyGroup>. De esta manera, el archivo DLL ya no se agrega como referencia por Elegir nodo que agregó al proyecto en el procedimiento anterior. También puede establecer una variable de entorno denominada Production al valor true. A continuación, puede utilizar msbuild para compilar el proyecto de Silverlight y quitar el archivo SilverlightUIAutomationHelper.dll.

Para quitar el archivo SilverlightUIAutomationHelper.dll de manera que no redistribuya con el código de producción, establezca el valor de la condición de producción en el primer nodo <PropertyGroup>. De esta manera, el archivo DLL ya no se agrega como referencia por Elegir nodo que agregó al proyecto en el procedimiento anterior. También puede establecer una variable de entorno denominada Production al valor true. A continuación, puede utilizar msbuild para compilar el proyecto de Silverlight y quitar el archivo SilverlightUIAutomationHelper.dll.

Crear una prueba de IU codificada para la aplicación de Silverlight RIAServicesExample

Para crear una prueba de IU codificada

En el Explorador de soluciones, haga clic con el botón secundario en la solución, haga clic en Agregar y, a continuación, seleccione Nuevo proyecto.

Aparecerá el cuadro de diálogo Agregar nuevo proyecto.
En el recuadro Plantillas instaladas, expanda Visual Basic o Visual C# y, a continuación, seleccione Prueba.
En el recuadro central, seleccione la plantilla Proyecto de prueba.
Haga clic en Aceptar.

En el Explorador de soluciones, el nuevo proyecto denominado TestProject1 se agrega a la solución. El archivo UnitTest1.cs o UnitTest1.vb aparece en el Editor de código. Puede cerrar el archivo UnitTest1 porque no se utiliza en este tutorial.
En el Explorador de soluciones, haga clic con el botón secundario en TestProject1, haga clic en Agregar y, a continuación, seleccione Prueba de IU codificada.

Aparece el cuadro de diálogo Generar código para prueba de IU codificada.
Seleccione la opción Grabar acciones, editar asignación de IU o agregar aserciones y haga clic en Aceptar.

Aparece UIMap – Generador de pruebas de IU codificadas.

Para obtener más información acerca de las opciones del cuadro de diálogo, vea Cómo: Crear una prueba de IU codificada.
Haga clic en Iniciar grabación en UIMap – Generador de pruebas de IU codificadas. En unos segundos, el Generador de pruebas de IU codificadas estará listo.
Inicie Internet Explorer.
En la barra de direcciones de Internet Explorer, escriba la dirección de la aplicación web que copió en un procedimiento anterior. Por ejemplo:

https://localhost: <número de puerto>/RIAServicesExampleTestPage.aspx
Haga clic en uno o dos de los encabezados de columna para ordenar los datos.
Cierre Internet Explorer.
En UIMap - Generador de pruebas de IU codificadas, haga clic en Generar código.
En el nombre del método, escriba SimpleSilverlightAppTest y haga clic en Agregar y generar. En unos segundos, aparece la prueba de IU codificada y se agrega a la solución.
Cierre UIMap – Generador de pruebas de IU codificadas.

El archivo CodedUITest1.cs aparece en el Editor de código.

Nota

Puede asignar una propiedad única de automatización basada en el tipo de control de Silverlight de la aplicación. Para obtener más información, vea Establecer una propiedad de automatización única para la prueba de controles de Silverlight.

Ejecutar la prueba de IU codificada en la aplicación Silverlight RIAServicesExample

Para ejecutar la prueba de IU codificada

En el menú Prueba, seleccione Windows y haga clic en Vista de pruebas. En Vista de pruebas, seleccione CodedUITestMethod1 bajo la columna Nombre de la prueba y, a continuación, haga clic en Ejecutar selección en la barra de herramientas.

La prueba de IU codificada debe ejecutarse correctamente mediante el control de cuadrícula de datos de Silverlight.

Vea también

Compartir a través de