Usando controles HTML5 em testes de IU codificados

Artigo
06/08/2015

Os testes codificados da 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 do anteriores ao Internet Explorer 10, era possível executar testes codificados da interface do usuário em um nível de privilégio mais alto comparado ao processo do Internet Explorer.Ao executar codificada de teste da interface do usuário no Internet Explorer 10, o teste codificado de interface do usuário e o processo do Internet Explorer devem estar no mesmo nível de privilégio.Isso ocorre devido à mais recursos de segurança de AppContainer no Internet Explorer 10.

Em versões do anteriores ao Internet Explorer 10, era possível executar testes codificados da interface do usuário em um nível de privilégio mais alto comparado ao processo do Internet Explorer.Ao executar codificada de teste da interface do usuário no Internet Explorer 10, o teste codificado de interface do usuário e o processo do Internet Explorer devem estar no mesmo nível de privilégio.Isso ocorre devido à mais recursos de segurança 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 Internet Explorer 8.Isso ocorre porque o Internet Explorer 10 inclui os controles HTML5 como áudio, vídeo, ProgressBar e controle deslizante.Esses controles HTML5 não são reconhecidos pelo Internet Explorer 9 ou pelo Internet Explorer 8.Da mesma forma, seu teste de IU codificado usando o Internet Explorer 9 pode incluir alguns controles do HTML5 que também não serão 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 Internet Explorer 8.Isso ocorre porque o Internet Explorer 10 inclui os controles HTML5 como áudio, vídeo, ProgressBar e controle deslizante.Esses controles HTML5 não são reconhecidos pelo Internet Explorer 9 ou pelo Internet Explorer 8.Da mesma forma, seu teste de IU codificado usando o Internet Explorer 9 pode incluir alguns controles do HTML5 que também não serão reconhecidos pelo Internet Explorer 8.

Controles HTML5 com suporte

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

Controle áudio
Controle de vídeo
Controle deslizante
ProgressBar

Controle áudio

As ações deÁudio controle: no controle HTML5 áudio são registradas corretamente e volta executada.

Controle de áudio do HTML5

Ação	Registrar	Código gerado
Eixo de reprodução Diretamente do controle, ou no menu de contexto dos controles.	Nome do> eixo <de reprodução de 00:00: 00	HtmlAudio.Play (ponto)
Busca a um momento específico no áudio	Áudio do nome> da pesquisa <como 00:01: 48	HtmlAudio.Seek (ponto)
Áudio de pausa Diretamente do controle, ou no menu de contexto dos controles.	Áudio do nome> da pausa <as 00:01: 53	HtmlAudio.Pause (ponto)
Áudio mudo Diretamente do controle, ou no menu de contexto dos controles.	Áudio mudo> <de nome	HtmlAudio.Mute()
Áudio de Unmute Diretamente do controle, ou no menu de contexto dos controles.	Áudio <do nome> de Unmute	HtmlAudio.Unmute()
Volume de alteração de áudio	Definir o volume <de áudio> nome da 79%	HtmlAudio.SetVolume (float)

As propriedades a seguir estão disponíveis para HtmlAudio e você pode adicionar uma asserçã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 do filtro: As propriedades do filtro para HtmlAudio é Src, Class, ControlDefinition e TagInstance.

Observação
A quantidade de tempo para a pesquisa e a pausa pode ser significante.Durante a repetição, o teste codificado de interface do usuário aguardará até o tempo especificado em (TimeSpan) antes de pausar o eixo.Se por alguma condição especial, o tempo especificado for atingido antes de usar o comando de pausa, uma exceção será lançado.

Controle de vídeo

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

Controle de vídeo HTML5

Ação	Registrar	Código gerado
Exibição de reprodução Diretamente do controle, ou no menu de contexto dos controles.	Exibição do nome <> de reprodução de 00:00: 00	HtmlVideo.Play (ponto)
Busca a um momento específico na exibição	Exibição do nome> da pesquisa <como 00:01: 48	HtmlVideo.Seek (ponto)
Exibição de pausa Diretamente do controle, ou no menu de contexto dos controles.	Exibição do nome> da pausa <as 00:01: 53	HtmlVideo.Pause (ponto)
Exibição muda Diretamente do controle, ou no menu de contexto dos controles.	Exibição muda> <de nome	HtmlVideo.Mute()
Exibição de Unmute Diretamente do controle, ou no menu de contexto dos controles.	Exibição do nome <> de Unmute	HtmlVideo.Unmute()
Volume de alteração de exibição	Definir o volume <de exibição> de nome 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 asserçã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 do filtro: As propriedades do filtro para HtmlVideo é Src, Poster, Class, ControlDefinition e TagInstance.

Observação
Se você retrocede ou avanço rápido a exibição usando rótulos de -30s ou de +30s, ele será agregado para buscar os momentos apropriados.

Slider

As ações deControle deslizante: no controle deslizante HTML5 são registradas corretamente e volta executada.

Controle deslizante do HTML5

Ação	Registrar	Código gerado
Definir uma posição no controle deslizante	Definir posição para <x> no controle deslizante <nome>	HtmlSlider.ValueAsNumber=x<>

As propriedades a seguir estão disponíveis para HtmlSlider e a asserçã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 HTML5