Compartir a través de


Usar controles HTML5 en pruebas de IU codificada

Las pruebas codificadas de la interfaz de usuario proporcionan soporte para algunos de los controles HTML5 incluidos en Internet Explorer 9 o Internet Explorer 10.

Requisitos

  • Visual Studio Ultimate, Visual Studio Premium
Nota de precauciónPrecaución

En las versiones anteriores a Internet Explorer 10, se podían ejecutar pruebas de IU codificadas con mayores privilegios en comparación con las del proceso de Internet Explorer.Al ejecutar pruebas de IU codificadas en Internet Explorer 10, la prueba de IU codificada y el proceso de Internet Explorer deben estar en el mismo nivel de privilegios.La razón es que las características de AppContainer son más seguras en Internet Explorer 10.

Nota de precauciónPrecaución

Si crea una prueba de IU codificada en Internet Explorer 10, podría no ejecutarse con Internet Explorer 9 o Internet Explorer 8.Esto se debe a que Internet Explorer 10 incluye controles HTML5 como audio, vídeo, ProgressBar y control deslizante.Estos controles HTML5 no son reconocidos por Internet Explorer 9, o Internet Explorer 8.Igualmente, la prueba de interfaz de usuario codificada mediante Internet Explorer 9 podría incluir algunos controles HTML5 que tampoco son reconocidos por Internet Explorer 8.

Controles HTML5 admitidos

Las pruebas de IU codificadas incluyen compatibilidad para el registro, la reproducción, y la validación de los siguientes controles de HTML5:

  • Control de Audio

  • Control de Video

  • Slider

  • ProgressBar

Hh532149.collapse_all(es-es,VS.110).gifControl de Audio

Control de audio: las acciones en el control de audio HTML5 se graban y se reproducen correctamente.

Control Audio de HTML5

Acción

Grabación

Código generado

Reproducir audio

Directamente del control, o en el menú contextual de los controles.

Reproducir <name> Audio a partir de 00:00:00

HtmlAudio.Play (TimeSpan)

Buscar un momento concreto del audio

Buscar <name> de Audio a 00:01:48

HtmlAudio.Seek (TimeSpan)

Pausar el sonido

Directamente del control, o en el menú contextual de los controles.

Pausar <name> de Audio en el 00:01:53

HtmlAudio.Pause (TimeSpan)

Silenciar el audio

Directamente del control, o en el menú contextual de los controles.

Silenciar audio de <name>

HtmlAudio.Mute ()

Reactivar el audio

Directamente del control, o en el menú contextual de los controles.

Reactivar el audio de <name>

HtmlAudio.Unmute ()

Cambiar el volumen del audio

Establecer el volumen del audio <name> hasta el 79%

HtmlAudio.SetVolume (float)

Las propiedades siguientes están disponibles para HtmlAudio y se puede agregar una aserción en todos:

string AutoPlay
string Controls
string CurrentSrc
string CurrentTime
string CurrentTimeAsString
string Duration
string DurationAsString
string Ended
string Loop
string Muted
string Paused
string PlaybackRate
string ReadyState
string Seeking
string Src
string Volume

Las propiedades de búsqueda:Propiedades de búsqueda paraHtmlAudio son Id, Name y Title.

Las propiedades del filtro:Propiedades de filtro paraHtmlAudio son Src, Class, ControlDefinition y TagInstance.

[!NOTA]

La cantidad de tiempo para Buscar y Pausar puede ser considerable.Durante la reproducción, la prueba de IU codificada esperará hasta el tiempo especificado en (TimeSpan) antes de detener el sonido.Si por algún caso especial, el tiempo especificado ha pasado antes de alcanzar el comando de pausar, se producirá una excepción.

Hh532149.collapse_all(es-es,VS.110).gifControl de Video

Acciones deControl de vídeo: en el control de vídeo HTML5 correctamente se graban y se reproducen.

Control Video de HTML5

Acción

Grabación

Código generado

Reproducir video

Directamente del control, o en el menú contextual de los controles.

Reproducir <name> video a partir de 00:00:00

HtmlVideo.Play (duración)

Buscar en un momento concreto del vídeo

Buscar en Video <name> a 00:01:48

HtmlVideo.Seek (TimeSpan)

Pausar video

Directamente del control, o en el menú contextual de los controles.

Pausar <name> de Video en el 00:01:53

HtmlVideo.Pause (TimeSpan)

Silenciar video

Directamente del control, o en el menú contextual de los controles.

Silenciar Video <name>

HtmlVideo.Mute ()

Reactivar el vídeo

Directamente del control, o en el menú contextual de los controles.

Reactivar el Vídeo <name>

HtmlVideo.Unmute ()

Cambiar el volumen del vídeo

Establecer el volumen del vídeo <name> hasta el 79%

Todas las propiedades de HtmlAudio están disponibles para HtmlVideo.Además, las tres propiedades siguientes también están disponibles.La aserción se puede agregar a todos.

string Poster
string VideoHeight
string VideoWidth

Propiedades de búsqueda:Las propiedades de búsqueda paraHtmlVideo son Id, Name y Title.

Propiedades del filtro:Las propiedades de filtro paraHtmlVideo son Src, Poster, Class, ControlDefinition y TagInstance.

[!NOTA]

Si se rebobina o se avanza rápidamente el vídeo mediante las etiquetas -30s o +30s, éste se agregará para buscar al momento apropiado.

Hh532149.collapse_all(es-es,VS.110).gifSlider

Control deslizante: las acciones del control deslizante HTML5 se graban y reproducen correctamente.

Control Slider de HTML5

Acción

Grabación

Código generado

Establecer una posición del control deslizante

Establecer la posición de <x> en el control deslizante de <name>

Htmlslider.valueasnumber=<x>

Las propiedades siguientes están disponibles para HtmlSlider y la aserción se puede agregar a todos:

string Disabled
string Max
string Min
string Required
string Step
string ValueAsNumber

Hh532149.collapse_all(es-es,VS.110).gifProgressBar

control de ProgreesBar: The ProgressBar es un control no-interactuable.Puede agregar aserciones en las propiedades de Value y de Max de este control.

Control ProgressBar de HTML5

Vea también

Conceptos

Comprobar el código usando pruebas de interfaz de usuario codificadas

Configuraciones y plataformas compatibles con las pruebas de IU codificadas y las grabaciones de acciones

Otros recursos

Elementos HTML

Crear pruebas de IU codificadas

Personalizar la prueba de IU codificada