Demonstra Passo a passo: Criação, edição e a manutenção de um teste codificado de interface do usuário para o aplicativo do Silverlight

Usando o Microsoft Microsoft Visual Studio 2010 Pack 2 de recurso, você pode criar testes codificados da interface do usuário ou gravações de ação para aplicativos do Silverlight 4. Gravações de ação permitem avanço rápido por meio de etapas em um teste manual. Para obter mais informações sobre as gravações de ação ou testes codificados da interface do usuário, consulte Como: Criar uma gravação de ação ou Como: Criar um teste codificado de UI.

Nesta explicação, você aprenderá os procedimentos necessários para testar um aplicativo do Silverlight com base em um controle do Silverlight. Explicação passo a passo leva você através dos seguintes procedimentos:

• Preparar o passo a passo Verifique se você tem o runtime do Silverlight developer instalado e criar um aplicativo simples do Silverlight que usa um controle de grade do Silverlight no qual executar codificados testes de interface do usuário. Você seguirá as etapas na passo a passo: Criação de uma solução de serviços de RIA.

• Adicionar Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll ao seu projeto do Silverlight.

• Criar um teste codificado UI criar um teste codificado de interface do usuário no aplicativo do Silverlight.

• Executar codificados teste da interface do usuário verificar que a interface do usuário codificado teste funções corretamente no aplicativo do Silverlight.

Pré-requisitos

Para esta explicação passo a passo, você precisará:

• Visual Studio 2010 Ultimate, Visual Studio 2010 Premium or Test Professional 2010.

• Silverlight Developer 4 para os desenvolvedores.

• Conclua os procedimentos em passo a passo: Criação de uma solução de serviços de RIA.

Preparar o passo a passo

Para preparar o passo a passo

1. Verifique se o runtime de desenvolvedor do Silverlight 4 disponível em 4 de desenvolvedor do Silverlight para desenvolvedores.

2. Verifique se você concluiu os procedimentos passo a passo: Criação de uma solução de serviços de RIA.

   O resultado será um aplicativo simple do Silverlight que usa um controle de grade do Silverlight. Posteriormente, você usará o controle de grade nesta explicação e realizar testes de interface do usuário codificados nele.

   Dica

   Para obter mais informações sobrecontroles do Silverlight e não suportadas, consulte Como: Configurar seu aplicativo do Silverlight para teste.

   Observação
   O passo a passo: Criação de uma solução de serviços de RIA instalará Os serviços WCF RIA para 2010 de Visual Studio e banco de dados de exemplo AdventureWorksLT.

3. Com o RIAServicesExample que você criou na passo a passo: Criação de uma solução de serviços de RIA em execução, copie o endereço do aplicativo da Web para a área de transferência ou de um arquivo do bloco de notas. Por exemplo, o endereço pode ser semelhante isso: https://localhost: < número da porta > / RIAServicesExampleTestPage.aspx.

Adicionar o SilverlightUIAutomationHelper.dll ao seu projeto Silverlight 4

Para testar seus aplicativos do Silverlight, você deve adicionar o Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll como uma referência ao seu aplicativo do Silverlight 4, de modo que os controles do Silverlight podem ser identificados. Este assembly auxiliar instrumenta seu aplicativo do Silverlight para permitir que as informações sobre um controle esteja disponível para o plug-in Silverlight API que você usa em seu teste de interface do usuário codificado ou é usada para uma gravação de ação.Este assembly não pode ser redistribuído. Portanto, você deve adicionar essa referência condicionalmente quando você deseja criar o aplicativo. Usando essa abordagem o assembly não é redistribuído ao implantar o software para um cliente.

Para adicionar o SilverlightUIAutomationHelper.dll

1. Para cada projeto do Silverlight em sua solução que você deseja testar, você deve adicionar o SilverlightUIAutomationHelper.dll. No Solution Explorer, clique com o botão direito no projeto RIAServicesExample, selecione Unload Project.

   O projeto é exibido no Solution Explorer, como RIAServicesExample (não disponível).

2. Clique novamente com o botão direito do projeto e clique em Editar RIAServicesExample.csproj.

   O arquivo RIAServicesExample.csproj é aberto no Editor de código. Você verá <PropertyGroup> seguido de nós <ItemGroup> nós. Você deve fazer duas modificações a seguintes:

   1. Para definir a condição de produção, adicione a seguinte entrada para o primeiro <PropertyGroup> nó:

      <Production Condition="'$(Production)'==''">False</Production>
      

   2. Para adicionar a DLL quando a compilação não é uma compilação de produção, insira o seguinte <Choose> o nó após o <PropertyGroup> nós, mas antes o <ItemGroup> nós:

      <Choose>
         <When Condition=" '$(Production)'=='False' ">
               <ItemGroup>
                 <Reference Include="Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper">
                 </Reference>
               </ItemGroup>
             </When>
       </Choose>
      

3. Para salvar o arquivo, clique em Salvar.

4. Para recarregar a essas alterações, clique com o botão direito do projeto de servidor e clique em Reload Project

   Aviso

   Se você tiver vários projetos do Silverlight que você deseja testar, você deve seguir estas etapas para cada projeto.

   Importante

   Para remover o SilverlightUIAutomationHelper.dll para que ele não é redistribuído com o seu código de produção, defina o valor de condição de produção como true na primeira <PropertyGroup> nó. Dessa maneira, a DLL é não adicionada como referência pelo nó escolha que você adicionou ao projeto no procedimento anterior. Você também pode definir uma variável de ambiente denominada Production o valor True. Em seguida, você pode usar msbuild para construir o projeto do Silverlight e remover o SilverlightUIAutomationHelper.dll.

Criar um teste codificado de interface do usuário para o aplicativo do Silverlight de RIAServicesExample

Para criar um teste codificado de UI

1. No Solution Explorer, clique com o botão direito a solução, clique em Add e selecione Novo projeto.

   O Add New Project caixa de diálogo aparece.

2. No Modelos instalados painel, expandir ou Visual C# ou Visual Basice selecione teste.

3. No painel central, selecione o O projeto de teste modelo.

4. Clique em OK.

   No Solution Explorer, o novo projeto de teste chamado TestProject1 é adicionado à sua solução. Arquivo UnitTest1. cs ou de UnitTest1.vb é exibido no Editor de código. Porque ele não é usado neste passo a passo, você pode fechar o arquivo UnitTest1.

5. No Solution Explorer, clique com o botão direito TestProject1, clique em Add e selecione UI codificados teste.

   O Gerar código para codificados teste da interface do usuário caixa de diálogo aparece.

6. Selecione o ações de registro, editar o mapa da interface do usuário ou adicionar declarações opção e, em seguida, clique em OK.

   UIMap – Coded Builder de teste de interface do usuário é exibida.

   Para obter mais informações sobre as opções na caixa de diálogo, consulte Como: Criar um teste codificado de UI.

7. Clique em Iniciar gravação em UIMap – codificado no construtor de teste de interface do usuário. Em alguns segundos, o construtor de teste de interface do usuário codificado estará pronto.

   

8. Inicie o Internet Explorer.

9. Na barra de endereços do Internet Explorer, digite o endereço do aplicativo da Web que você copiou um procedimento anterior. Por exemplo:

   https://localhost: < número da porta > /RIAServicesExampleTestPage.aspx

10. Clique em um ou dois dos cabeçalhos de coluna para classificar os dados.

11. Feche o Internet Explorer.

12. No UIMap - o construtor de teste de interface do usuário codificado, clique em Gerar código.

13. O nome do método, digite SimpleSilverlightAppTest e clique em Adicionar e gerar. Em alguns segundos, o teste codificado de interface do usuário aparece e é adicionado à solução.

14. Feche o UIMap – codificados construtor de teste de interface do usuário.

    O arquivo de CodedUITest1.cs aparece no Editor de código.

    Observação
    Você pode atribuir uma propriedade exclusiva de automação com base no tipo de controle do Silverlight em seu aplicativo. Para obter mais informações, consulte Definir uma propriedade de automação exclusiva para controles do Silverlight para teste.

Execute o teste UI codificado no aplicativo do Silverlight de RIAServicesExample

Para executar o teste de interface do usuário codificado

• Sobre o teste menu, selecione Windows e, em seguida, clique em Test View.No Test View, selecione CodedUITestMethod1 sob o Nome de teste coluna e clique Run Selection na barra de ferramentas.

  O teste codificado de interface do usuário deve executar com êxito usando o controle de grade de dados do Silverlight.

Consulte também

Referência

Microsoft.VisualStudio.TestTools.UITesting.SilverlightControls

Microsoft.VisualStudio.TestTools.UITest.Extension.Silverlight

Conceitos

Teste de Interface do usuário com testes automatizados de UI

Outros recursos

Como: Configurar seu aplicativo do Silverlight para teste

Definir uma propriedade de automação exclusiva para controles do Silverlight para teste

Teste de aplicativos do Silverlight com testes codificados da interface do usuário ou gravações de ação

Testes de interface do usuário codificados usando o Editor de teste codificado de UI de edição