Using HTML5 Controls in Coded UI Tests

Artigo
03/12/2013

Os testes codificados de interface do usuário incluem suporte para alguns dos controles HTML5 que são incluídos no Internet Explorer 9 e no Internet Explorer 10.

Requisitos

Visual Studio Ultimate, Visual Studio Premium

Cuidado
Em versões anteriores do Internet Explorer 10, foi possível executar testes codificados de interface do usuário em um nível de privilégio mais alto em comparação com o processo de Internet Explorer.Ao executar testes codificou de interface do usuário no Internet Explorer 10, tanto o teste codificado de interface do usuário e o processo da Internet Explorer devem estar no mesmo nível de privilégio.Isso é devido a recursos mais seguras de AppContainer no Internet Explorer 10.

Em versões anteriores do Internet Explorer 10, foi possível executar testes codificados de interface do usuário em um nível de privilégio mais alto em comparação com o processo de Internet Explorer.Ao executar testes codificou de interface do usuário no Internet Explorer 10, tanto o teste codificado de interface do usuário e o processo da Internet Explorer devem estar no mesmo nível de privilégio.Isso é devido a recursos mais seguras de AppContainer no Internet Explorer 10.

Cuidado
Se você criar um teste codificado de interface do usuário no Internet Explorer 10, não pode executar usando o Internet Explorer 9 ou o Internet Explorer 8.Isso ocorre porque o Internet Explorer 10 inclui os controles HTML5, tais como áudio e vídeo, ProgressBar controle slider.Esses controles HTML5 não são reconhecidos pelo Internet Explorer 9, ou pelo Internet Explorer 8.Também, o teste codificado de interface do usuário usando Internet Explorer 9 pode incluir controles qualquer HTML5 que não serão também reconhecidos pelo Internet Explorer 8.

Se você criar um teste codificado de interface do usuário no Internet Explorer 10, não pode executar usando o Internet Explorer 9 ou o Internet Explorer 8.Isso ocorre porque o Internet Explorer 10 inclui os controles HTML5, tais como áudio e vídeo, ProgressBar controle slider.Esses controles HTML5 não são reconhecidos pelo Internet Explorer 9, ou pelo Internet Explorer 8.Também, o teste codificado de interface do usuário usando Internet Explorer 9 pode incluir controles qualquer HTML5 que não serão também reconhecidos pelo Internet Explorer 8.

Controles HTML5 suportados

Os testes codificados de interface do usuário incluem suporte para o registro, a reprodução, e validação dos seguintes controles HTML5:

Controle de áudio
Controle de vídeo
Slider
ProgressBar

Controle de áudio

As ações deControle de áudio: no controle HTML5 de áudio são registradas corretamente e tocados.

Controle de áudio do HTML5

Ação	Gravando	Código gerado
Áudio do jogo Diretamente do controle, ou do menu de contexto dos controles.	Áudio de <name> do kit de 00:00: 00	HtmlAudio.Play período ()
Pesquisa a um horário específico em áudio	Áudio de <name> de pesquisa ao 00:01: 48	HtmlAudio.Seek período ()
Pausa de áudio Diretamente do controle, ou do menu de contexto dos controles.	Áudio de <name> de pausa no 00:01: 53	HtmlAudio.Pause período ()
Áudio mudo Diretamente do controle, ou do menu de contexto dos controles.	Áudio mudo de <name>	HtmlAudio.Mute()
Áudio de Unmute Diretamente do controle, ou do menu de contexto dos controles.	Áudio de Unmute <name>	HtmlAudio.Unmute()
Volume de alteração de áudio	Defina o volume de áudio de <name> a 79%	HtmlAudio.SetVolume (flutuante)

As seguintes propriedades estão disponíveis para HtmlAudio e você pode adicionar uma declaração em qualquer:

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

Propriedades de Pesquisa: as propriedades de pesquisa para HtmlAudio é Id, Name e Title.

Propriedades de filtro: as propriedades de filtragem para HtmlAudio é Src, Class, ControlDefinition e TagInstance.

Observação
A quantidade de tempo para a pesquisa e a pausa pode ser significativo.Durante a reprodução, o teste codificado de interface do usuário esperará até os momentos especificados em (TimeSpan) antes de pausar áudio.Se por alguma condição especial, os momentos especificados já passaram antes de fazer o comando de pausa, uma exceção será acionado.

Controle de vídeo

As ações deControle de vídeo: no controle HTML5 de vídeo são registradas corretamente e tocados.

Controle de vídeo HTML5

Ação	Gravando	Código gerado
Exibição do jogo Diretamente do controle, ou do menu de contexto dos controles.	Exibição de <name> do kit de 00:00: 00	HtmlVideo.Play período ()
Pesquisa a um horário específico na exibição	Exibição de <name> de pesquisa ao 00:01: 48	HtmlVideo.Seek período ()
Exibição de pausa Diretamente do controle, ou do menu de contexto dos controles.	Exibição de <name> de pausa no 00:01: 53	HtmlVideo.Pause período ()
Vídeo muda Diretamente do controle, ou do menu de contexto dos controles.	Vídeo muda de <name>	HtmlVideo.Mute()
Exibição de Unmute Diretamente do controle, ou do menu de contexto dos controles.	Exibição de Unmute <name>	HtmlVideo.Unmute()
Volume de alteração de exibição	Defina o volume de exibição de <name> a 79%

Todas as propriedades de HtmlAudio estão disponíveis para HtmlVideo.Além disso, as três propriedades também estão disponíveis.A declaração pode ser adicionada em todo.

string Poster
string VideoHeight
string VideoWidth

Propriedades de Pesquisa: as propriedades de pesquisa para HtmlVideo é Id, Name e Title.

Propriedades de filtro: as propriedades de filtragem para HtmlVideo é Src, Poster, Class, ControlDefinition e TagInstance.

Observação
Se você volta atrás jejua ou encaminhar-se para exibição usando rótulos de -30s ou de +30s, este será agregado para buscar apropriados para a hora.

Slider

As ações doControle deslizante: no controle deslizante HTML5 são registradas corretamente e tocados.

Controle deslizante de HTML5

Ação	Gravando	Código gerado
Definir uma posição no controle deslizante	Defina a posição a <x> no controle deslizante de <name>	HtmlSlider.ValueAsNumber=<x>

As seguintes propriedades estão disponíveis para HtmlSlider e a declaração pode ser adicionada em qualquer:

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

ProgressBar

Controle de ProgreesBar: o ProgressBar é um controle non-interactable.Você pode adicionar asserções nas propriedades de Value e de Max deste controle.

Controle ProgressBar do HTML5