Demonstra Passo a passo: Criar um teste da Web que requer um login e Logout

Nesta explicação passo a passo criar um aplicativo Web Web simples que contém uma etapa de login e uma etapa de logout.O aplicativo simula um aplicativo de compras, mas não contém código funcional.Finalmente, você cria uma Web teste para testar o aplicativo.

Esta explicação passo a passo, você executará as seguintes tarefas:

  • Crie um aplicativo Web Web simples.

  • Crie um teste da Web.

  • Extrai novos testes da Web de um teste da Web existente.

  • Componha um novo teste da Web de testes da Web existentes.

Pré-requisitos

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

  • Microsoft Visual Studio 2005

  • Visual Studio Team System Test Edition

Criando aplicativo Web Web

Para criar aplicativo Web Web

  1. In Microsoft Visual Studio 2005, sobre o Arquivo menu, clicar Novo e, em seguida, clicar Site da Web.

    The Novo site caixa de diálogo é exibida.

  2. Em O Visual Studio installed templates, clicar Site da Web do ASP.NET.

  3. No Local caixa de seleção Sistema de arquivos e, em seguida, digite o nome da pasta onde você deseja para mantém aplicativo Web Web.Verifique o nome de pasta participanteShoppingWebApp\ShoppingWebApp.Por exemplo, digite o nome de pasta C:\WebSites\ShoppingWebApp\ShoppingWebApp.

    Observação:

    Inclua o nome duas vezes para que você pode adicionar um projeto de teste da Web à primeira pasta, e serão separada do aplicativo Web Web propriamente dito na segunda pasta.

  4. No Idioma, selecionar a linguagem de programação que você prefere.

    Observação:

    Você escreverá código mínimo nesta explicação passo a passo.

  5. Clique em OK.

  6. No menu File, clique em Save All.

Para criar o home page para aplicativo Web da Web

  1. In O gerenciador de soluções, clicar com o botão direito do mouse em padrão.aspx e clique em Exibir Designer.

    Uma página em branco é exibida.

  2. Se a caixa de ferramentas não estiver visível, clicar Modo de exibição e, em seguida, clicar Caixa de ferramentas.

  3. From a Padrão agrupar, cinco botões arrastar até a página.Use a tabela a seguir para concluir esta etapa.

    Observação:

    Double -clicar cada botão para em em aberto o botão de evento de clicar e adicione o código.

    Controle

    Propriedade de texto

    botão clicar code

    Button1

    Vá para log em

    resposta.Redirect("Login.aspx")

    Button2

    Produto 1

    resposta.Redirect("Product1.aspx")

    Button3

    Produto 2

    resposta.Redirect("Product2.aspx")

    Button4

    Carrinho de compras

    resposta.Redirect("Cart.aspx")

    Button5

    Vá para a saída log

    resposta.Redirect("Logout.aspx")

  4. No menu File, clique em Save All.

Para adicionar páginas ao aplicativo Web Web

  1. No menu Website, clique em Add New Item.

  2. No Adicionar novo item diálogo, clicar no Formulário da Web modelo de nomeLogin.aspxe, em seguida, clicar Adicionar.

  3. Na parte inferior da janela do documento, clicar no Design guia para comutador para modo de modo de exibição de Design.

  4. arrastar um botão à página.

  5. arrastar uma caixa de texto para a página.

  6. Repetir as etapas 1 a 4 vezes mais quatro.Use a tabela a seguir para concluir esta etapa:

    Página da Web

    Controle

    Propriedade de texto

    botão clicar code

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    Efetuar login na

    resposta.Redirect("padrão.aspx")

    Product1.aspx

    Button1

    Adicionar ao carrinho

    resposta.Redirect("padrão.aspx")

    Product2.aspx

    Button1

    Adicionar ao carrinho

    resposta.Redirect("padrão.aspx")

    Cart.aspx

    Button1

    Comprar

    resposta.Redirect("padrão.aspx")

    Logout.aspx

    Button1

    log Fora

    resposta.Redirect("padrão.aspx")
    Observação:

    Não existe nenhuma funcionalidade real neste aplicativo Web.Envio de cada página retorna ao usuário o residência.Essa funcionalidade é suficiente para os fins desta explicação passo a passo.

  7. No menu File, clique em Save All.

Para testar aplicativo Web Web manualmente

  1. In O gerenciador de soluções, clicar com o botão direito do mouse em padrão.aspx e, em seguida, clique em conjunto sistema autônomo página Iniciar.

  2. Pressione CTRL+F5 para executar aplicativo Web Web no navegador.Você verá o home page, padrão.aspx.

    Observação:

    Isso inicia o ASP.NET Development servidor que executa o aplicativo Web que testará seu teste da Web.Você verá o ícone ASP.NET Development servidor na área de notificação na extrema direita da barra de tarefas.

  3. Copie o endereço do aplicativo Web Web para a área de transferência ou um arquivo do bloco de notas.Você precisará do endereço de uma etapa posterior neste passo-a-passo.Por exemplo, o endereço pode ser semelhante isso: https://localhost:<portnumber>/ShoppingWebApp/padrão.aspx

  4. clicar Vá para log em.A página login.aspx é aberta.

  5. Digite seu nome na caixa de texto e, em seguida, clicar log Em.A residência é aberta.

  6. clicar Produto 1.A página é aberta Product1.aspx.

  7. clicar Adicionar ao carrinho.A residência é aberta.

  8. clicar Produto 2.A página é aberta Product2.aspx.

  9. clicar Adicionar ao carrinho.A residência é aberta.

  10. clicar Carrinho de compras.A página é aberta Cart.aspx.

  11. clicar Comprar.A residência é aberta.

  12. clicar Vá para a saída log.A página é aberta Logout.aspx.

  13. clicar Fazer check-out.A residência é aberta.

  14. fechar o navegador da Web.

Criando o Web teste

Agora você está pronto para criar um teste da Web que permite que você teste esse aplicativo.

Para criar o aplicativo de teste da Web

  1. Em uma nova instância de Test Edition, sobre o Arquivo , aponte para Novo e, em seguida, clicar Projeto.

    A caixa de diálogo New Project será exibida.

  2. Em Projetos, expandir Visual Basic or Translation from VPE for Csharp Visual de acordo com a sua preferência e selecionar o Teste nó.

  3. Em O Visual Studio installed templates, clicar Projeto de teste.

  4. No Nome box, type ShoppingWebAppTest.

  5. No Local, digite o nome da pasta onde você salvou aplicativo Web Web.Por exemplo, digite o nome de pasta C:\WebSites\ShoppingWebApp.

  6. Clique em OK.

    O projeto de teste é criado.

    Observação:

    Por padrão, Visual Studio Adiciona que um teste de unidade arquivo e um arquivo de texto possui informações sobre testes de criação. Esses arquivos não é necessário para esta explicação passo a passo.Portanto, você poderá excluí-los.Se você não excluir os arquivos, eles não afetará a explicação passo a passo.

  7. No menu Test, clique em New Test.

    A caixa de diálogo Add New Test aparece.

  8. No Adicionar novo teste caixa de diálogo , selecionar Teste da Web, nome do teste de WebTest1.webteste clicar OK.

    Um novo arquivo de teste Web chamado WebTest1.webtest é adicionado ao seu projeto e o Gravador de teste da Web abre dentro de uma nova instância do Internet Explorer.

  9. Na BAR de endereços do navegador, digite o endereço do aplicativo Web Web que você copiou na etapa anterior e pressione enter.

    Observação:

    Visual Studio começa a exibe sistema autônomo URLs de teste a Gravador de teste da Web sistema autônomo ele está gravando.

  10. clicar Vá para log em.A página login.aspx é aberta.

  11. Digite seu nome na caixa de texto e, em seguida, clicar log Em.A residência é aberta.

  12. clicar Produto 1.A página é aberta Product1.aspx.

  13. clicar Adicionar ao carrinho.A residência é aberta.

  14. clicar Produto 2.A página é aberta Product2.aspx.

  15. clicar Adicionar ao carrinho.A residência é aberta.

  16. clicar Carrinho de compras.A página é aberta Cart.aspx.

  17. clicar Comprar.A residência é aberta.

  18. clicar Vá para a saída log.A página é aberta Logout.aspx.

  19. clicar Fazer check-out.A residência é aberta.

  20. clicar Parar on the Gravador de teste da Web para interromper a gravação.

    Internet Explorer será fechado e você verá o teste da Web no Editor de Testes na Web sistema autônomo uma lista de URLs.Após você interromper a gravação, você pode modificar o teste.

  21. No menu File, clique em Save All.

Para executar o aplicativo de teste da Web

  1. No Editor de Testes na Web, clicar Executar o teste na barra de ferramentas.

    O teste começa a executar e um Visualizador de Testes na Web exibe cada solicitação de teste.A Resultados de teste janela exibe o resultado de teste inteira.

  2. No Resultados de teste janela verificar que o teste passado.

  3. No Web teste Viewer selecionar dentre as solicitações na lista e, em seguida, examinar os resultados são mostrados no navegador da Web no painel inferior.Verifique se o teste está sendo executado corretamente.

Extraindo novos testes da Web

Você pode criar novos testes da Web, extraindo solicitações individuais de um teste da Web existente.Para obter mais informações, consulte Como: Extrair um teste da Web.

Para extrair novos testes da Web de um teste da Web existente

  1. Abrir Webteste1 no Editor do Web teste.

  2. No solicitação da árvore, clicar com o botão direito do mouse WebTest1 e, em seguida, clique em Extraia o teste da Web.

    The Extraia o teste da Web caixa de diálogo é exibida.

  3. In Nome do teste da Web digite login.

  4. No escolher o primeiro item para o teste da Web drop-down, selecionar a primeira solicitação.A solicitação deve ser semelhante ao seguinte:

    https://localhost:<portnumber>/ShoppingWebApp/padrão.aspx

  5. No escolher o último item para o teste da Web drop-down selecionar a solicitação de terceira.A solicitação deve ser semelhante ao seguinte:

    https://localhost:<portnumber>/ShoppingWebApp/Login.aspx

  6. Clique em OK.

    Um novo teste da Web é criado login nomeado.No Editor do Web teste, Login é adicionada à árvore de solicitações no lugar de solicitações individuais que você extraiu.In O gerenciador de soluções, Login.webtest é adicionado à lista de projeto.

  7. No solicitação da árvore, clicar com o botão direito do mouse WebTest1 e, em seguida, clique em Extraia o teste da Web.

    The Extraia o teste da Web caixa de diálogo é exibida.

  8. In Nome do teste da Web digite BrowseAndBuy.

  9. No escolher o primeiro item para o teste da Web drop-down selecionar a primeira solicitação após o login.A solicitação deve ser semelhante ao seguinte:

    https://localhost:<portnumber>/ShoppingWebApp/padrão.aspx

  10. No escolher o último item para o teste da Web lista selecionar a solicitação sexta.A solicitação deve ser semelhante ao seguinte:

    https://localhost:<portnumber>/ShoppingWebApp/Cart.aspx

  11. Clique em OK.

    Um novo teste da Web chamado BrowseAndBuy é criado.No Editor do Web teste BrowseAndBuy é adicionado à árvore de solicitações no lugar de solicitações individuais que você extraiu.In O gerenciador de soluções, BrowseAndBuy.webtest é adicionado à lista de projeto.

  12. No solicitação da árvore, clicar com o botão direito do mouse WebTest1 e, em seguida, clique em Extraia o teste da Web.

    The Extraia o teste da Web caixa de diálogo é exibida.

  13. In Nome do teste da Web digite Logout.

  14. No escolher o primeiro item para o teste da Web lista selecionar a primeira solicitação após BrowseAndBuy.A solicitação deve ser semelhante ao seguinte:

    https://localhost:<portnumber>/ShoppingWebApp/padrão.aspx

  15. No escolher o último item para o teste da Web lista selecionar a última solicitação.A solicitação deve ser semelhante ao seguinte:

    https://localhost:<portnumber>/ShoppingWebApp/Logout.aspx

  16. Clique em OK.

    Um novo teste da Web é criado Logout nomeado.No Editor de teste da Web Logout é adicionado ao solicitação árvore em vez do s solicitação individual que você extraiu.In O gerenciador de soluções, Logout.webtest é adicionado à lista de projeto.

  17. Confirme que estão sem solicitações individuais restantes na árvore de solicitações de teste da Web.Isto é, WebTest1 agora consiste totalmente chamadas para outros testes da Web.

  18. No menu File, clique em Save All.

Para executar o aplicativo de teste da Web

  1. No Editor de Testes na Web, clicar Executar o teste na barra de ferramentas.

    O teste começa a executar e um Visualizador de Testes na Web exibe cada solicitação de teste.A Resultados de teste janela exibe o resultado de teste inteira.

  2. No Resultados de teste janela verificar que o teste passado.

  3. No Web teste Viewer selecionar dentre as solicitações na lista e, em seguida, examinar os resultados são mostrados no navegador da Web no painel inferior.Verifique se o teste está sendo executado corretamente.

    Observação:

    Em Visualizador de Testes na Web lá agora são recolhíveis nós denominados WebTest1.Login, WebTest1.BrowseAndBuy e WebTest1.Logout na árvore.Isso ajuda você a revisar as partes do seu teste com mais com facilidade.

Redigir novo testes da Web

Você pode criar um novo teste da Web pela composição de testes da Web existentes.Para obter mais informações, consulte Como: Inserir uma telefonar a outro teste da Web.

Para redigir um novo teste da Web de testes da Web existentes

  1. No menu Test, clique em New Test.

    A caixa de diálogo Add New Test aparece.

  2. No Adicionar novo teste caixa de diálogo de de seleçãoTeste da Web, nome do teste de AllTest.webteste clicar OK.

    Um novo arquivo de teste Web chamado AllTest.webtest é adicionado ao seu projeto e o Gravador de teste da Web abre dentro de uma nova instância do Internet Explorer.

  3. clicar Parar on the Gravador de teste da Web para interromper a gravação sem navegar.

    Internet Explorer será fechado e você verá o teste da Web no Editor de Testes na Web.O teste está vazio porque você não navegou.

  4. No solicitação da árvore, clicar com o botão direito do mouse AllTest e, em seguida, clique em Adicionar plano de teste da Web.

    The escolher teste caixa de diálogo é exibida.

  5. clicar login e, em seguida, clicar OK.O teste da Web de logon é adicionado ao solicitação árvore.

  6. No solicitação da árvore, clicar com o botão direito do mouse AllTest e, em seguida, clique em Adicionar plano de teste da Web.

    The escolher teste caixa de diálogo é exibida.

  7. clicar BrowseAndBuy e, em seguida, clicar OK.O teste da BrowseAndBuy Web é adicionado ao solicitação árvore.

  8. No solicitação da árvore, clicar com o botão direito do mouse AllTest e, em seguida, clique em Adicionar plano de teste da Web.

    The escolher teste caixa de diálogo é exibida.

  9. clicar Logout e, em seguida, clicar OK.O teste da Web de Logout é adicionado ao solicitação árvore.

  10. No menu File, clique em Save All.

Para executar o aplicativo de teste da Web

  1. No Editor de Testes na Web, clicar Executar o teste na barra de ferramentas.

    O teste começa a executar e um Visualizador de Testes na Web exibe cada solicitação de teste.A Resultados de teste janela exibe o resultado de teste inteira.

  2. No Resultados de teste janela verificar que o teste passado.

  3. No Web teste Viewer selecionar dentre as solicitações na lista e, em seguida, examinar os resultados são mostrados no navegador da Web no painel inferior.Verifique se o teste está sendo executado corretamente.

Próximas etapas

Agora que você tem um teste da Web, você pode adicioná-lo a um teste de carga.Você pode criar um teste de carga que executa as etapas de Logout e logon somente uma vez por usuário virtual e testa a etapa BrowseAndBuy várias vezes por usuário virtual.

Consulte também

Tarefas

Como: Registro de um teste da Web

Como: edição an Existing Web teste

Conceitos

Executando e exibindo um teste da Web

Outros recursos

Passo a passo do Web teste

  • Last updated on