Editar pruebas de IU codificadas mediante el editor de pruebas de IU codificadas

Artículo
06/07/2013

El editor de pruebas de IU codificadas permite modificar fácilmente este tipo de pruebas.Con el Editor de pruebas de IU codificadas, puede localizar, examinar y editar las propiedades de los métodos de prueba y acciones de IU.Además, puede utilizar el mapa de control de UI para examinar y editar los controles correspondientes.

Requisitos

Visual Studio Ultimate, Visual Studio Premium

¿Por qué debo hacerlo?

Utilizar el Editor de pruebas de IU codificadas es más rápido y eficiente que editar el código en los métodos de pruebas codificadas de IU con el Editor de código.Con el editor de pruebas de IU codificadas, puede utilizar la barra de herramientas y los menús contextuales para localizar y modificar rápidamente los valores de propiedades asociados a acciones y controles de la interfaz de usuario.Por ejemplo, se puede utilizar la barra de herramientas del editor de pruebas de IU codificada para realizar los siguientes comandos:

Editor de pruebas de IU

Buscar le ayuda a localizar las acciones y los controles de la interfaz de usuario.
Eliminar quita las acciones no deseadas de la interfaz de usuario.
Cambiar nombre cambia los nombres de los controles y los métodos de prueba.
Propiedades abre la ventana Propiedades del elemento seleccionado.
Dividir en un método nuevo permite modularizar las acciones de la interfaz de usuario.
Mover código agrega código personalizado a los métodos de prueba.
Insertar retraso antes agrega una pausa en milisegundos, antes de una acción de interfaz de usuario.
Buscar el control de la interfaz de usuario identifica la ubicación del control en la interfaz de usuario de la aplicación en pruebas.
Buscar todos le ayuda a comprobar la propiedad del control y los cambios importantes efectuados en los controles de la aplicación.

¿Cómo lo hago?

En Visual Studio 2012, al abrir el archivo UIMap.uitest asociado con la prueba codificada de IU en el proyecto de pruebas codificadas de IU se mostrará automáticamente la prueba codificada de IU en el editor de pruebas de IU codificada.Los siguientes procedimientos describen cómo se puede localizar y editar los métodos de prueba, las propiedades de acciones de la interfaz de usuario y los controles mediante la barra de herramientas y los menús contextuales del editor.

Abrir una prueba de IU codificada

Puede examinar y editar las pruebas de IU codificadas basadas en Visual C# y Visual Basic mediante el editor de pruebas codificadas de IU.

Menú contextual Editar con el generador de pruebas de IU codificadas

En el Explorador de soluciones, abra el menú contextual para UIMap.uitest y elija Abrir.La prueba de IU codificada se abre en el editor.Ahora puede ver y editar los métodos grabados, las acciones y los controles correspondientes en la prueba de IU codificada.

Sugerencia
Cuando selecciona una acción de la interfaz de usuario ubicada en un método del panel Acciones de IU, el control correspondiente está resaltado.También puede modificar la acción de la interfaz de usuario o las propiedades de los controles.

No veo el editor de pruebas codificadas de IU.
Posiblemente utiliza una versión de Visual Studio Ultimate o de Visual Studio Premium anterior a la 2012.El editor de pruebas codificadas de IU también estaba disponible en el Feature Pack 2 de Visual Studio 2010 con una suscripción a MSDN.Para obtener más información, vea Microsoft Visual Studio 2010 Feature Pack 2.

Modifique las propiedades de las acciones de la interfaz de usuario y sus propiedades de control correspondientes

Con el editor de pruebas de IU codificadas, rápidamente se pueden localizar y examinar todas las acciones de la interfaz de usuario en los métodos de prueba.Al seleccionar la acción de interfaz de usuario en el editor, el control asociado se resalta automáticamente.Igualmente, si selecciona un control, las acciones asociadas de la interfaz de usuario se resaltan.Si selecciona un control o una acción de la interfaz de usuario, luego es fácil utilizar la ventana Propiedades para modificar las propiedades asociadas.

Modificar las propiedades de las acciones de la interfaz de usuario

Propiedades de acción de IU

Para modificar las propiedades de una acción de la interfaz de usuario, en el panel Acción de interfaz de usuario, expanda el método de prueba que contenga una acción de interfaz de usuario para la que se desee editar las propiedades, seleccione la acción de la interfaz de usuario y, a continuación, modifique las propiedades mediante la ventana Propiedades.

Por ejemplo, si un servidor no está disponible y tiene una acción de la interfaz de usuario asociada al explorador web que indica Ir a la página web ‘http://Contoso1/default.aspx’, puede cambiar la dirección URL por ‘http://Contoso2/default.aspx’.

Modificar las propiedades de los controles

Propiedades del control

Modificar las propiedades de un control se hace de la misma manera que se modifican las acciones de interfaz de usuario.En el panel Asignación de controles de IU, seleccione el control que desea modificar y modifique sus propiedades en la ventana Propiedades.

Por ejemplo, un desarrollador de software puede haber cambiado la propiedad (Id.) en un control de botón en el código fuente de la aplicación que se prueba de "idSubmit" a "idLogin". Con la propiedad (Id.) modificada en la aplicación, la prueba de IU codificada no encontrará el control de botón y producirá un error.En este caso, el evaluador puede abrir la colección de Propiedades de búsqueda y cambie la propiedad Id para que coincida con el nuevo valor que el desarrollador usó en la aplicación.El evaluador también podría cambiar el valor de la propiedad Nombre descriptivo de "Enviar" a "Inicio de sesión". Al hacerlo, la acción de interfaz de usuario asociada en el Editor de pruebas de IU se actualiza desde "Escoger el botón Enviar" hasta " Escoger el botón Inicio de sesión".

Tras completar las modificaciones, guarde los cambios en el archivo UIMap.Designer seleccionando Guardar en la barra de herramientas Visual Studio .

¿Qué más debería saber?
Sugerencias
- Si la ventana Propiedades no se muestra, mantenga presionada Alt mientras presiona Entrar ; también podría presionar F4.
- Para deshacer los cambios realizados en la propiedad, seleccione Deshacer en el menú Editar o presione Ctrl+Z.
- Puede utilizar el botón Buscar en la barra de herramientas del editor de pruebas codificadas de IU para abrir la herramienta Buscar y remplazar en Visual Studio.Entonces podrá utilizar el control Buscar para localizar una acción de interfaz de usuario en el Editor de pruebas codificadas de IU.Por ejemplo, tal vez intente encontrar el botón "Hacer clic en Inicio de sesión". Esto puede ser útil en las pruebas grandes.Observe que no puede usar la funcionalidad de remplazo en la herramienta Buscar y remplazar en el editor de pruebas codificadas de IU.Para obtener más información, consulte Encontrar control en Buscar y reemplazar texto.
- A veces, puede ser difícil ver dónde se encuentran los controles en la interfaz de usuario de la aplicación en pruebas.Una de las características del editor de pruebas de la interfaz de usuario es que puede seleccionar un control mostrado en la asignación de controles de IU y ver su ubicación en la aplicación en pruebas.Para obtener más información, vea Localizar un control de IU en la aplicación en Pruebas que aparece más adelante en este tema.
- Puede que sea necesario expandir el control que contiene el control que desea modificar.Para obtener más información, vea Localizar un control y sus descendientes que aparece más adelante en este tema.

Eliminar acciones no deseadas de la interfaz de usuario.

Resulta fácil eliminar acciones no deseadas de la interfaz de usuario en la prueba codificada de IU.

Eliminar acción de IU

En el panel Acciones de IU, expanda el método de prueba que contiene la acción de la interfaz de usuario que desea eliminar.Abra el menú contextual para la acción de la interfaz de usuario y elija Eliminar.

Dividir un método de prueba en dos métodos independientes

Se puede dividir un método de prueba para refinar o modularizar las acciones de interfaz de usuario.Por ejemplo, la prueba puede tener un único método de prueba con las acciones de la interfaz de usuario en dos controles contenedores.Las acciones de interfaz de usuario podrían modularizarse mejor en dos métodos que correspondan a un contenedor.

Dividir un método de prueba Dos métodos de prueba

En el panel de acción de la interfaz de usuario , expanda el método de prueba que desea dividir en dos métodos independientes y seleccione la acción de la interfaz de usuario donde desea que comience el nuevo método de prueba.Abra el menú contextual para la acción de la interfaz de usuario y después elija Dividir en un nuevo método, o seleccione el botón Dividir en un nuevo método en la barra de herramientas del editor de pruebas codificadas de IU.El nuevo método de prueba aparece en el panel de acciones de la interfaz de usuario.Contiene las acciones de la interfaz de usuario partiendo de la acción donde especificó la división.

Cuando termine de dividir el método, guarde los cambios en el archivo UIMap.Designer eligiendo Guardar en la barra de herramientas Visual Studio .

¿Qué más debería saber?
Temas importantes
- Advertencia: Si divide un método, debe modificar cualquier código que llama al método existente para llamar también al nuevo método que está a punto de crear si todavía desea incluir esas acciones de la interfaz de usuario.Al dividir un método, aparece un cuadro de diálogo de Microsoft Visual Studio.Le advierte de que debe modificar el código que llama al método existente para que llame también al nuevo método que va a crear.Elija Sí.
Sugerencias
- Para deshacer la división, seleccione Deshacer en el menú Editar o presione Ctrl+Z.
- Se puede cambiar el nombre del nuevo método.Selecciónelo en el panel de acciones de la interfaz de usuario y seleccione el botón Cambiar nombre en la barra de herramientas del Editor de pruebas de la interfaz de usuario codificadas.
  
  O bien
  
  Abra el menú contextual del nuevo método de prueba y elija Cambiar nombre.
  
  Se abrirá el cuadro de diálogo Microsoft Visual Studio.Advierte que debe modificar el código que haga referencia al método.Elija Sí.

Mover un método de prueba al archivo UIMap para facilitar la personalización

Si se determina que uno de los métodos de prueba codificada de IU requiere código personalizado, se debe moverlo al archivo UIMap.cs o UIMap.vb.Si no, el código se sobrescribirá siempre que se vuelva a compilar la prueba de IU codificada.Si no mueve el método, el código personalizado se sobrescribirá cada vez que se vuelva a compilar la prueba.

En el panel Acción de UI, seleccione el método de prueba que desea mover al archivo UIMap.cs o UIMap.vb para facilitar que la funcionalidad de código personalizado no se sobrescriba cuando se vuelva a compilar el código de prueba.A continuación, elija el botón de Mover código en la barra de herramientas del editor de pruebas codificadas de IU, o abra el menú contextual para el método de prueba y elija Mover código.El método de prueba se quita del archivo UIMap.uitest y ya no se muestra en el panel de acciones de la interfaz de usuario.Para modificar el archivo de que se ha movido, abra el archivo UIMap.cs o UIMap.vb desde el explorador de soluciones.

Cuando termine de mover el método, guarde los cambios en el archivo UIMap.Designer eligiendo Guardar en la barra de herramientas Visual Studio .

¿Qué más debería saber?
Temas importantes
- Advertencia: Una vez que se ha movido un método, este ya no puede ser modificado con el Editor de pruebas de la interfaz de usuario codificada.Debe agregar el código personalizado y mantenerlo con el Editor de código.Al mover un método, se muestra un cuadro de diálogo de Microsoft Visual Studio.Advierte de que el método se va a mover del archivo UIMap.uitest al archivo UIMap.cs o UIMap.vb y ya no podrá modificarlo utilizando el Editor de pruebas de IU codificadas.Elija Sí.
Sugerencias
- Para deshacer este paso, seleccione Deshacer en el menú Editar o presione Ctrl+Z.Sin embargo, deberá quitar manualmente el código del archivo UIMap.cs o UIMap.vb.

Localizar un control de la interfaz de usuario en la aplicación en pruebas

A veces, puede ser difícil ver dónde se encuentran los controles en la interfaz de usuario de la aplicación en pruebas.Una de las características del editor de pruebas de la interfaz de usuario es que puede seleccionar un control mostrado en la asignación de controles de IU y ver su ubicación en la aplicación en pruebas.La característica Buscar control de UI en la aplicación en pruebas también se puede utilizar para comprobar las modificaciones de la propiedad de búsqueda que ha realizado en un control.

Buscar control de IU Control encontrado en aplicación en pruebas

En el panel Asignación de controles de IU, seleccione el control que desee buscar en la aplicación asociado a la prueba.A continuación, abra el menú contextual para el control y a continuación elija Buscar control de IU.En la aplicación que se prueba, el control se designa con un borde azul.

¿Qué más debería saber?
Temas importantes
- Advertencia: Antes de encontrar un control de IU, compruebe que se está ejecutando la aplicación asociada a la prueba.
Sugerencias
- Como alternativa, puede utilizar la opción Buscar todos para comprobar que todos los controles de un contenedor se localizan correctamente.Esta opción se describe en la sección siguiente.

Localizar un control y sus descendientes

Se puede comprobar que todos los controles de un contenedor están correctamente situados en la interfaz de usuario de la aplicación en pruebas.Esto puede ser útil para comprobar los cambios en las propiedades de búsqueda que se haya realizado en el contenedor.Además, si se han realizado cambios significativos en la interfaz de usuario de la aplicación en pruebas, puede validar que las propiedades existentes de búsqueda del control siguen siendo correctas.

Buscar todos los controles descendientes Todos los controles encontrados

En el panel Asignación de controles de IU, seleccione el control contenedor cuyos descendientes desea ver.A continuación, abra el menú contextual para el control y elija Buscar todo.El control contenedor y todos sus controles descendientes se marcan en el editor de pruebas de la interfaz de usuario mediante una marca de verificación verde o con una "X" de color rojo.Estas marcas permiten saber si los controles se han establecido correctamente en la aplicación en pruebas.

¿Qué más debería saber?
Temas importantes
- Advertencia: Antes de localizar los controles de la interfaz de usuario, compruebe se está ejecutando que la aplicación asociada a la prueba.

Insertar un retraso antes de una acción de interfaz de usuario

En ocasiones, es posible que desee hacer que la prueba espere a que se generen ciertos eventos, por ejemplo que aparezca una ventana, que desaparezca la barra de progreso, etc.Mediante el Editor de pruebas de IU codificadas, se puede lograr insertando un retraso antes de una acción de la interfaz de usuario.Puede especificar de cuántos segundos desea que sea el retraso.

Insertar retraso antes de una acción de IU Retraso agregado con 5 segundos

En el panel Acciones de IU, expanda el método de prueba que contiene la acción de la interfaz de usuario antes de la que desea insertar un retraso.Seleccione la acción de la interfaz de usuario.A continuación, abra el menú contextual para la acción de la interfaz de usuario y elija Insertar retraso antes.Se inserta un retraso y se resalta antes de la acción seleccionada de la interfaz de usuario con el texto siguiente: Se esperó durante 1 segundo al retraso del usuario entre acciones.En la ventana Propiedades, cambie el valor de la propiedad Retraso el número deseado de milisegundos.

Tras haber terminado de insertar el retraso, guarde los cambios en el archivo UIMap.Designer eligiendo Guardar en la barra de herramientas Visual Studio .

¿Qué más debería saber?
Notas
- Si necesita asegurarse de que un control específico está disponible antes de una acción de la interfaz de usuario, debe considerar la posibilidad de agregar código personalizado a su método de prueba mediante el método apropiado de UITestControl.WaitForControlXXX ().Para obtener más información, veaHacer que la prueba de IU codificada espere por eventos concretos durante la reproducción.
Sugerencias
- Si no se muestra la ventana Propiedades, mantenga presionada Alt mientras presiona Entrar, o también, podría presionar F4.