Como: Gerar um teste codificado UI gravando o aplicativo em teste

  • Artigo

Gravar os elementos de interface do usuário é codificado de uma maneira eficiente de criar testes de interface do usuário.

Gerar um teste codificado UI gravando o aplicativo em teste

Para gerar um teste de interface do usuário codificado gravando o aplicativo em teste

  1. Em Solution Explorer, o botão direito do mouse um projeto de teste, aponte para Adde em seguida, clique em Codificados teste da interface do usuário.

    - ou -

    No Test View janela, clique com o botão direito na superfície da janela e clique em Novo teste. No Add New Test caixa de diálogo, clique em Codificados teste da interface do usuário e, em seguida, clique em OK.

    - ou -

    No menu Test, clique em New Test. No Add New Test caixa de diálogo, clique em Codificados teste da interface do usuário e, em seguida, clique em OK.

    A caixa de diálogo New Test Project aparece.

  2. Digite um nome para o novo codificados teste da interface do usuário e clique em criar.

  3. Clique em ações de registro, editar o mapa da interface do usuário ou adicionar declarações.

    O Builder de teste de interface do usuário codificado caixa de diálogo aparece.

  4. Para iniciar a gravação, clique na registro ícone. Execute as ações que você deseja registrar no seu aplicativo, incluindo iniciar o aplicativo se necessário.

    ObservaçãoObservação

    Instalando o Pack 2 do Microsoft Visual Studio 2010 recurso, você pode usar o Windows Internet Explorer 7 (ou versões posteriores) para registrar ações de interface do usuário em um site ou um aplicativo baseado na Web e executar os testes usando a versão 3.5 ou 3.6 do navegador Mozilla Firefox. Para baixar o feature pack, você deve ter um Visual Studio 2010 Ultimate, Visual Studio 2010 Premium ou Test Professional 2010 com uma assinatura do MSDN, BizSpark da Microsoft, ou do MSDN Academic Alliance. Para obter mais informações, consulte A gravação de testes usando o Windows Internet Explorer e reproduzir Back usando o Mozilla Firefoxand Microsoft Visual Studio 2010 Feature Pack 2.

  5. Para exibir as ações, clique na Mostrar etapas gravadas ícone

    As ações são exibidas na Builder de teste codificado UI - ações registradas caixa de diálogo.

    ObservaçãoObservação

    Se você não desejar registrar as ações para iniciar seu aplicativo em teste, você deve iniciar o aplicativo antes de clicar na registro ícone.

  6. Para concluir a gravação, clique no Gerar código ícone. Digite um nome para o seu método de teste de interface do usuário codificado em Nome do métodoe em seguida, clique em Adicionar e gerar.

    Isso gera código como a seguir se o nome que você digitou é, por exemplo, AddTwoNumbers:

    • Adiciona os controles e para a interface do usuário mapear (UIMap.uitest)

    • Adiciona um método chamado AddTwoNumbers em seu mapa de interface do usuário. Você pode exibir o método no arquivo UIMap.Designer.cs. Esse método realiza as ações gravadas quando você executar o teste.

      public void AddTwoNumbers()
{
    #region Variable Declarations
    WinEdit textInput1Edit = 
        this.DemoCalculatorWindowWindow.InputNumber2Window.TextInput1Edit;
    WinEdit textInput2Edit = 
        this.DemoCalculatorWindowWindow.TextInput2Window.TextInput2Edit;
    WinButton addButton = 
        this.DemoCalculatorWindowWindow.AddWindow.AddButton;
    #endregion

    // Launch '%USERPROFILE%\Desktop\SimpleWinformsCalculator.exe'
    ApplicationUnderTest demoCalculatorWindowWindow = 
        ApplicationUnderTest.Launch(
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowExePath,
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowAlternateExePath);

    // Type '3' in 'textInput1' text box
    textInput1Edit.Text = 
        this.AddTwoNumbersParams.TextInput1EditText;

    // Type '4' in 'textInput2' text box
    textInput2Edit.Text = 
        this.AddTwoNumbersParams.TextInput2EditText;

    // Click 'Add' button
    Mouse.Click(addButton, new Point(83, 18));
}

    • Adiciona um método de teste para seu arquivo de teste de interface do usuário codificado que chama o AddTwoNumbers método

            [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
      }

    Quando você escolhe um nome para o método gravado, escolha um nome descritivo para as ações que você gravou.

  7. Se as ações que você gravou não o que você deseja manter, você pode clicar a Mostrar etapas gravadas ícone. Selecione as ações que você não deseja manter e clique no Excluir ícone.

  8. Para gerar declarações para seus controles de interface do usuário, clique no ícone de cruz e arraste-o para o controle que você deseja verificar se está correta.

    O Builder de teste codificado da interface do usuário - adicionar declarações caixa de diálogo é exibida.

  9. Clique na barra vertical para exibir a estrutura de interface do usuário.

    O controle de interface do usuário que você deseja verificar deve ser destacado.

  10. Clique com o botão direito de propriedade para o controle de interface do usuário que você deseja verificar e, em seguida, aponte para Adicionar declaração.

    É exibida a caixa de diálogo Adicionar afirmação.

  11. Selecione o comparador para sua afirmação.

  12. Digite o valor para a sua afirmação em O valor de comparação.

  13. Para adicionar a afirmação, clique em OK.

  14. Quando você tiver adicionado todos os itens de publicação para seu teste, feche o Builder codificado UI Test - adicionar declarações caixa de diálogo.

  15. Para gerar o código para suas declarações, clique na Gerar código ícone.

    O Builder de teste codificado UI - gerar código caixa de diálogo é exibida.

  16. Digite um nome para o seu método de teste de interface do usuário codificado em Nome do métodoe em seguida, clique em Adicionar e gerar.

    Isso gera código como a seguir se o nome digitado é, por exemplo, AssertForAddTwoNumbers:

    • Adiciona um método chamado AssertForAddTwoNumbers para o mapa da interface do usuário (UIMap.uitest). Você pode exibir o método no arquivo UIMap.Designer.cs. Esse método executa as instruções assert que você adicionou.

            public void AssertForAddTwoNumbers()
      {
          #region Variable Declarations
          WinEdit textAnswerEdit = 
              this.DemoCalculatorWindowWindow.AnswerWindow.TextAnswerEdit;
          #endregion

          // Verify that the 'textAnswer' text box's Text property 
          // is '40'
          Assert.AreEqual(
               this.AssertForAddTwoNumbersExpectedValues.TextAnswerEditText, 
              textAnswerEdit.Text);
      }

    • Adiciona uma chamada para o método assert AssertForAddTwoNumbers para o método de teste no seu arquivo de teste de interface do usuário codificado

            [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
          this.UIMap.AssertForAddTwoNumbers();
      }

    Quando você escolher um nome para o método que tem suas instruções assert, escolha um nome descritivo para essas declarações que você criou.

  17. Clique no ícone Fechar para fechar o construtor de teste de interface do usuário codificado.

  18. (Opcional) Para adicionar código para iniciar seu aplicativo quando o teste codificado de interface do usuário é executada, a seqüência de inicialização do aplicativo de registro e salve que um método. Você pode chamar esse método no início do seu teste.

    ObservaçãoObservação

    Você pode adicionar um método initialize do teste, identificado por um atributo [TestInitialize], que executa o código no início de cada método de teste. Por exemplo, o método para iniciar o aplicativo poderia ser chamado do método TestInitialize.

  19. (Opcional) Para adicionar código para fechar o seu aplicativo quando executa o teste de interface do usuário codificado, grave a sequência de fechamento para seu aplicativo e salve que um método.

    Se você fechar o navegador ou aplicativo, ela permanecerá aberta após a conclusão do seu teste.

    ObservaçãoObservação

    Você pode adicionar um método de limpeza de teste, identificado por um atributo [TestCleanup], que executa o código no final de cada método de teste. Por exemplo, o método para fechar o aplicativo poderia ser chamado do método TestCleanup.

  20. Para executar o teste, clique com o botão direito no método de teste e, em seguida, clique em Executar testes. Para obter mais informações sobre como executar codificado de testes de interface do usuário, consulte Execução automatizada de testes.

    ObservaçãoObservação

    Depois de criar seu teste de interface do usuário codificado com dados específicos, talvez queira executar o teste de interface do usuário codificado várias vezes com diferentes conjuntos de dados de teste diferentes condições. Para fazer isso, você pode adicionar parâmetros de uma fonte de dados para seu teste codificado de interface do usuário para criar um orientado a dados codificados teste da interface do usuário. Para obter mais informações, consulte Como: Criar um teste de interface do usuário orientado a dados codificado.

    Você pode agora opcionalmente adicionar outros controles e validá-los usando o construtor de teste de interface do usuário. Para obter mais informações, consulte Como: Adicionar controles de interface do usuário e o código de validação usando o construtor de teste codificado de UI.

    ObservaçãoObservação

    Editor de teste de interface do usuário codificado permite modificar facilmente seus testes codificados da interface do usuário. Usando o Editor de teste de interface do usuário codificado, você pode localizar, exibir e editar seus métodos de teste. Você também pode editar ações de interface do usuário e seus controles associados no mapa de controle da interface do usuário. Editor de teste de interface do usuário codificados está incluído no Pack 2 do Microsoft Visual Studio 2010 recurso. Para baixar o feature pack, você deve ter um Visual Studio 2010 Ultimate, Visual Studio 2010 Premium ou Test Professional 2010 com uma assinatura do MSDN, BizSpark da Microsoft, ou do MSDN Academic Alliance. Para obter mais informações, consulte Testes de interface do usuário codificados usando o Editor de teste codificado de UI de ediçãoand Microsoft Visual Studio 2010 Feature Pack 2.

Consulte também

Tarefas

Como: Adicionar controles de interface do usuário e o código de validação usando o construtor de teste codificado de UI

Como: Gerar um teste UI codificados de uma gravação de ação

Como: Criar um teste codificado de UI

Referência

UIMap

Point

Conceitos

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

Práticas recomendadas para testes codificados da interface do usuário

Configurações e plataformas para testes codificados da interface do usuário e a gravações de ação com suporte

Outros recursos

Como: Criar um teste de interface do usuário orientado a dados codificado

Histórico de alterações

Date

History

Motivo

Dezembro de 2010

Removida a janela lista de teste codificado de uma opção para criar novos testes de interface do usuário.

Substitua por um dos símbolos a seguir:

Comentários do cliente.