연습: 로그인 및 로그아웃이 필요한 웹 성능 테스트 만들기

이 연습에서는 로그인 및 로그아웃 단계가 포함된 간단한 웹 응용 프로그램을 만듭니다.이 응용 프로그램은 쇼핑 응용 프로그램을 시뮬레이션하지만 작동하는 코드는 들어 있지 않습니다.마지막으로 응용 프로그램을 테스트하기 위한 웹 성능 테스트를 만듭니다.

이 연습에서는 다음 작업을 수행합니다.

  • 간단한 웹 응용 프로그램을 만듭니다.

  • 웹 성능 테스트를 만듭니다.

  • 기존 웹 성능 테스트에서 새 웹 성능 테스트를 추출합니다.

  • 기존 웹 성능 테스트에서 새 웹 성능 테스트를 작성합니다.

사전 요구 사항

필요한 사항 다음과 같습니다.

  • Visual Studio Ultimate

웹 응용 프로그램 만들기

웹 응용 프로그램을 만들려면

  1. Visual Studio Ultimate에 파일 메뉴를 선택 다음 선택 프로젝트.

    새 프로젝트 대화 상자가 나타납니다.

  2. 아래 설치 된 템플릿를 선호 하 고 선택 하는 프로그래밍 언어를 확장 .

  3. 웹 프로젝트 형식 목록에서 선택 빈 응용 프로그램을 ASP.NET.

    [!참고]

    이 연습에서는 최소한의 코드만 작성합니다.

  4. 이름 상자에 ShoppingWebApp를 입력합니다.

  5. 위치 상자에 웹 응용 프로그램을 만들 폴더를 지정합니다.

  6. 솔루션용 디렉터리 만들기를 선택합니다.

  7. 확인을 선택합니다.

  8. 프로젝트 메뉴에서 새 항목 추가를 선택합니다.

    새 항목 추가 대화 상자가 나타납니다.

  9. 항목 목록에서 Web Form을 선택합니다.

  10. 이름 텍스트 상자, 형식 Default.aspx 다음 선택 추가.

웹 응용 프로그램을 위한 홈 페이지를 만들려면

  1. 솔루션 탐색기에서 Default.aspx를 마우스 오른쪽 단추로 클릭하고 디자이너 보기를 선택합니다.

    빈 페이지가 표시됩니다.

  2. 도구 상자가 표시 되지 않으면 선택 보기 다음 선택 도구.

  3. 표준 그룹에서 다섯 개의 단추를 끌어 페이지에 놓습니다.다음 표를 참고하여 이 단계를 완료합니다.

    [!참고]

    각 단추는 단추를 열려면 두 번 클릭 이벤트를 선택 하 고 코드를 추가 합니다.

    컨트롤

    Text 속성

    단추 코드를 선택 합니다.

    Button1

    로그인으로 이동

    Response.Redirect("Login.aspx");

    Button2

    제품 1

    Response.Redirect("Product1.aspx");

    Button3

    제품 2

    Response.Redirect("Product2.aspx");

    Button4

    쇼핑 카트

    Response.Redirect("Cart.aspx");

    Button5

    로그아웃으로 이동

    Response.Redirect("Logout.aspx");
  4. 파일 메뉴를 선택 모두 저장.

웹 응용 프로그램에 페이지를 추가하려면

  1. 프로젝트 메뉴에서 새 항목 추가를 선택합니다.

  2. 새 항목 추가 대화 상자에서 선택의 Web Form 서식 파일 이름을 Login.aspx, 다음 선택 추가.

  3. 문서 창 맨 아래에서 선택의 디자인 디자인 뷰로 전환 합니다.

  4. 단추를 페이지에 끌어 놓습니다.

  5. 텍스트 상자를 페이지에 끌어 놓습니다.

  6. 1-4단계를 네 번 더 반복합니다.다음 표를 참고하여 이 단계를 완료합니다.

    웹 페이지

    컨트롤

    Text 속성

    단추 코드를 선택 합니다.

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    로그인

    Response.Redirect("Default.aspx");

    Product1.aspx

    Button1

    카트에 추가

    Response.Redirect("Default.aspx");

    Product2.aspx

    Button1

    카트에 추가

    Response.Redirect("Default.aspx");

    Cart.aspx

    Button1

    구입

    Response.Redirect("Default.aspx");

    Logout.aspx

    Button1

    로그아웃

    Response.Redirect("Default.aspx");

    [!참고]

    이 웹 응용 프로그램에는 실제 기능이 없습니다.각 페이지를 제출하면 사용자가 홈 페이지로 돌아갑니다.이 연습의 목표를 위해서는 이 기능만으로 충분합니다.

  7. 파일 메뉴를 선택 모두 저장.

웹 응용 프로그램을 수동으로 테스트하려면

  1. 솔루션 탐색기, Default.aspx를 마우스 오른쪽 단추로 클릭 한 다음 선택 시작 페이지로 설정.

  2. Ctrl+F5를 눌러 브라우저에서 해당 웹 응용 프로그램을 실행합니다.홈 페이지인 Default.aspx가 표시됩니다.

    [!참고]

    이렇게 하면 웹 성능 테스트를 통해 테스트할 웹 응용 프로그램을 실행하는 ASP.NET Development Server가 시작됩니다.작업 표시줄 오른쪽의 알림 영역에 ASP.NET Development Server 아이콘이 표시됩니다.

  3. 웹 응용 프로그램의 주소를 클립보드나 메모장 파일로 복사합니다.연습의 이후 단계에서는 주소가 필요합니다.예를 들어 이 주소는 https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx와 비슷할 수 있습니다.

  4. 선택 로그로 이동.Login.aspx 페이지가 열립니다.

  5. 텍스트 상자에 이름을 입력 하 고 다음 선택 로그에.홈 페이지가 열립니다.

  6. 선택 1 제품.Product1.aspx 페이지가 열립니다.

  7. 선택 담기.홈 페이지가 열립니다.

  8. 선택 제품 2.Product2.aspx 페이지가 열립니다.

  9. 선택 담기.홈 페이지가 열립니다.

  10. 선택 쇼핑 카트.Cart.aspx 페이지가 열립니다.

  11. 선택 구입.홈 페이지가 열립니다.

  12. 선택 로그 아웃으로 이동.Logout.aspx 페이지가 열립니다.

  13. 선택 로그 아웃.홈 페이지가 열립니다.

  14. 웹 브라우저를 닫습니다.

웹 성능 테스트 만들기

이제 이 응용 프로그램을 테스트할 수 있는 웹 성능 테스트를 만들 준비가 되었습니다.

웹 성능 테스트 응용 프로그램을 만들려면

  1. 새 인스턴스를 Visual Studio Ultimate에 있는 파일 메뉴의 다음 선택 프로젝트.

    새 프로젝트 대화 상자가 나타납니다.

  2. 설치된 템플릿에서 선택에 따라 Visual Basic 또는 **Visual C#**을 확장하고 테스트 노드를 선택합니다.

  3. 템플릿 목록에서 선택 웹 성능 및 부하 테스트 프로젝트.

  4. 이름 상자에 ShoppingWebAppTest를 입력합니다.

  5. 위치 상자에 웹 응용 프로그램을 저장한 폴더의 이름을 입력합니다.예를 들어 폴더 이름을 C:\WebSites\ShoppingWebApp로 입력합니다.

  6. 확인을 선택합니다.

    라는 webtest1.webtest로 지정한 다음 웹 성능 테스트를 포함 웹 성능 및 부하 테스트 프로젝트가 생성 됩니다.

  7. Webtest1.webtest로 지정한 다음, 바로 가기 메뉴를 열고 선택 하 여 솔루션 탐색기를 선택 이름 바꾸기.테스트 이름 바꾸기 webtest1.webtest로 지정한 다음.

  8. Webtest1.webtest로 지정한 다음 솔루션 탐색기에서 선택 하 고 바로 가기 메뉴를 연 다음 선택 열기.

    웹 성능 테스트 편집기에 표시 됩니다.

  9. 웹 성능 테스트 편집기에서 선택 기록 추가 도구 모음에서.

    웹 테스트 레코더를 사용 하면 웹 브라우저가 열립니다 추가를 표시 합니다.

    [!참고]

    웹 테스트 레코더가 표시 되지 않으면 추가 기능 웹 브라우저를 포함 하도록 구성 해야 합니다.

  10. 브라우저의 주소 표시줄에 이전 단계에서 복사한 웹 응용 프로그램 주소를 입력하고 Enter 키를 누릅니다.

    [!참고]

    Visual Studio에서 기록 대상 웹 성능 테스트의 URL이 웹 성능 테스트 레코더에 표시되기 시작합니다.

  11. 선택 로그로 이동.Login.aspx 페이지가 열립니다.

  12. 텍스트 상자에 이름을 입력 하 고 다음 선택 로그에.홈 페이지가 열립니다.

  13. 선택 1 제품.Product1.aspx 페이지가 열립니다.

  14. 선택 담기.홈 페이지가 열립니다.

  15. 선택 제품 2.Product2.aspx 페이지가 열립니다.

  16. 선택 담기.홈 페이지가 열립니다.

  17. 선택 쇼핑 카트.Cart.aspx 페이지가 열립니다.

  18. 선택 구입.홈 페이지가 열립니다.

  19. 선택 로그 아웃으로 이동.Logout.aspx 페이지가 열립니다.

  20. 선택 로그 아웃.홈 페이지가 열립니다.

  21. 선택 중지 에 있는 웹 성능 테스트 레코더 기록을 중지 합니다.

    Internet Explorer가 닫히고 웹 성능 테스트 편집기에 웹 성능 테스트가 URL 목록으로 표시됩니다.기록을 중지한 후 테스트를 수정할 수 있습니다.

  22. 파일 메뉴를 선택 모두 저장.

웹 성능 테스트 응용 프로그램을 실행하려면

  1. 웹 성능 테스트 편집기, 선택 테스트 실행 도구 모음.

    테스트가 실행되고 웹 성능 테스트 결과 뷰어에 테스트의 각 요청이 표시됩니다.테스트 결과 창에 전체 테스트의 결과가 표시됩니다.

  2. 테스트 결과 창에서 테스트에 통과했는지 확인합니다.

  3. 웹 성능 테스트 결과 뷰어의 목록에서 일부 요청을 선택한 후 아래쪽 창의 웹 브라우저에 나타난 결과를 검토합니다.테스트가 올바르게 실행되고 있는지 확인합니다.

새 웹 성능 테스트 추출

기존 웹 성능 테스트에서 개별 요청을 추출하여 새 웹 성능 테스트를 만들 수 있습니다.자세한 내용은 방법: 기존 웹 성능 테스트에서 요청을 추출하여 새 웹 성능 테스트 만들기을 참조하십시오.

기존 웹 성능 테스트에서 새 웹 성능 테스트를 추출하려면

  1. 웹 성능 테스트 편집기에서 WebTest1을 엽니다.

  2. 요청 트리에서 Webtest1를 마우스 오른쪽 단추로 클릭 하 고 다음 선택 웹 테스트 추출.

    웹 테스트 추출 대화 상자가 나타납니다.

  3. 웹 테스트 이름에 Login을 입력합니다.

  4. 웹 테스트의 첫 번째 항목 선택 드롭다운에서 첫 번째 요청을 선택합니다.요청은 다음과 같습니다.

    https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  5. 웹 테스트의 마지막 항목 선택 드롭다운 목록에서 세 번째 요청을 선택합니다.요청은 다음과 같습니다.

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

  6. 확인을 선택합니다.

    Login이라는 새 웹 성능 테스트가 만들어집니다.웹 성능 테스트 편집기에서 Login이 추출한 개별 요청 대신 요청 트리에 추가됩니다.솔루션 탐색기의 프로젝트 목록에 Login.webtest가 추가됩니다.

  7. 요청 트리에서 Webtest1를 마우스 오른쪽 단추로 클릭 하 고 다음 선택 웹 테스트 추출.

    웹 테스트 추출 대화 상자가 나타납니다.

  8. 웹 테스트 이름에 BrowseAndBuy를 입력합니다.

  9. 웹 테스트의 첫 번째 항목 선택 드롭다운에서 Login 이후의 첫 번째 요청을 선택합니다.요청은 다음과 같습니다.

    https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  10. 웹 테스트의 마지막 항목 선택 목록에서 여섯 번째 요청을 선택합니다.요청은 다음과 같습니다.

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

  11. 확인을 선택합니다.

    BrowseAndBuy라는 새 웹 성능 테스트가 만들어집니다.웹 성능 테스트 편집기에서 BrowseAndBuy가 추출한 개별 요청 대신 요청 트리에 추가됩니다.솔루션 탐색기의 프로젝트 목록에 BrowseAndBuy가 추가됩니다.

  12. 요청 트리에서 Webtest1를 마우스 오른쪽 단추로 클릭 하 고 다음 선택 웹 테스트 추출.

    웹 테스트 추출 대화 상자가 나타납니다.

  13. 웹 테스트 이름에 Logout을 입력합니다.

  14. 웹 테스트의 첫 번째 항목 선택 목록에서 BrowseAndBuy 이후의 첫 번째 요청을 선택합니다.요청은 다음과 같습니다.

    https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  15. 웹 테스트의 마지막 항목 선택 목록에서 마지막 요청을 선택합니다.요청은 다음과 같습니다.

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

  16. 확인을 선택합니다.

    Logout이라는 새 웹 성능 테스트가 만들어집니다.웹 성능 테스트 편집기에서 Logout이 추출한 개별 요청 대신 요청 트리에 추가됩니다.솔루션 탐색기의 프로젝트 목록에 Logout.webtest가 추가됩니다.

  17. 웹 성능 테스트 요청 트리에 개별 요청이 남아 있지 않은지 확인합니다.따라서 이제 WebTest1은 다른 웹 성능 테스트에 대한 호출로만 구성됩니다.

  18. 파일 메뉴를 선택 모두 저장.

웹 성능 테스트 응용 프로그램을 실행하려면

  1. 웹 성능 테스트 편집기, 선택 테스트 실행 도구 모음.

    테스트가 실행되고 웹 성능 테스트 결과 뷰어에 테스트의 각 요청이 표시됩니다.테스트 결과 창에 전체 테스트의 결과가 표시됩니다.

  2. 테스트 결과 창에서 테스트에 통과했는지 확인합니다.

  3. 웹 성능 테스트 결과 뷰어의 목록에서 일부 요청을 선택한 후 아래쪽 창의 웹 브라우저에 나타난 결과를 검토합니다.테스트가 올바르게 실행되고 있는지 확인합니다.

    [!참고]

    이제 웹 성능 테스트 결과 뷰어의 트리에 WebTest1.Login, WebTest1.BrowseAndBuy 및 WebTest1.Logout이라는 축소 가능한 노드가 표시됩니다.이를 통해 테스트의 일부를 보다 쉽게 검토할 수 있습니다.

새 웹 성능 테스트 작성

기존 웹 성능 테스트를 작성하여 새 웹 성능 테스트를 만들 수 있습니다.자세한 내용은 방법: 웹 성능 테스트에 다른 웹 성능 테스트에 대한 호출 삽입을 참조하십시오.

기존 웹 성능 테스트에서 새 웹 성능 테스트를 작성하려면

  1. 솔루션 탐색기에서 바로 가기 메뉴에서 열을 ShoppingWebAppTest 웹 성능 및 부하 테스트 프로젝트 선택 추가.다음 선택 웹 성능 테스트.

    라는 새 웹 성능 테스트 파일 WebTest2.webtest 를 프로젝트에 추가 되 고 웹 성능 테스트 레코더 안에 Internet Explorer 새 인스턴스를 엽니다.

  2. 선택 중지 에 있는 웹 성능 테스트 레코더 찾아보지 않고 기록을 중지 합니다.

    Internet Explorer가 닫히고 웹 성능 테스트 편집기에 웹 성능 테스트가 표시됩니다.검색을 수행하지 않았으므로 테스트는 비어 있습니다.

  3. 요청 트리에서 마우스 오른쪽 단추로 WebTest2 다음 선택 웹 테스트에 호출 추가.

    테스트 선택 대화 상자가 나타납니다.

  4. 로그인을 선택 하 고 선택 확인.Login 웹 성능 테스트가 요청 트리에 추가됩니다.

  5. 요청 트리에서 마우스 오른쪽 단추로 WebTest2 다음 선택 웹 테스트에 호출 추가.

    테스트 선택 대화 상자가 나타납니다.

  6. BrowseAndBuy 선택 하 고 선택 확인.BrowseAndBuy 웹 성능 테스트가 요청 트리에 추가됩니다.

  7. 요청 트리에서 마우스 오른쪽 단추로 WebTest2 다음 선택 웹 테스트에 호출 추가.

    테스트 선택 대화 상자가 나타납니다.

  8. 로그 아웃을 선택 하 고 선택 확인.Logout 웹 성능 테스트가 요청 트리에 추가됩니다.

  9. 파일 메뉴를 선택 모두 저장.

웹 성능 테스트 응용 프로그램을 실행하려면

  1. 웹 성능 테스트 편집기, 선택 테스트 실행 도구 모음.

    테스트가 실행되고 웹 성능 테스트 결과 뷰어에 테스트의 각 요청이 표시됩니다.테스트 결과 창에 전체 테스트의 결과가 표시됩니다.

  2. 테스트 결과 창에서 테스트에 통과했는지 확인합니다.

  3. 웹 성능 테스트 결과 뷰어의 목록에서 일부 요청을 선택한 후 아래쪽 창의 웹 브라우저에 나타난 결과를 검토합니다.테스트가 올바르게 실행되고 있는지 확인합니다.

다음 단계

이제 웹 성능 테스트가 준비되었으므로 이를 부하 테스트에 추가할 수 있습니다.로그인 및 로그아웃 단계를 가상 사용자당 한 번씩만 수행하는 부하 테스트를 만들어 가상 사용자당 BrowseAndBuy 단계를 여러 번에 걸쳐 테스트할 수 있습니다.

참고 항목

작업

방법: 웹 성능 테스트 레코더를 사용하여 새 웹 성능 테스트 만들기

방법: 웹 성능 테스트 편집기를 사용하여 기존 웹 성능 테스트 편집

개념

웹 성능 테스트 실행

웹 성능 테스트 연습