연습: 로그인 및 로그아웃이 필요한 웹 성능 테스트 만들기
이 연습에서는 로그인 및 로그아웃 단계가 포함된 간단한 웹 응용 프로그램을 만듭니다. 이 응용 프로그램은 쇼핑 응용 프로그램을 시뮬레이션하지만 작동하는 코드는 들어 있지 않습니다. 마지막으로 응용 프로그램을 테스트하기 위한 웹 성능 테스트를 만듭니다.
이 연습에서는 다음 작업을 수행합니다.
간단한 웹 응용 프로그램을 만듭니다.
웹 성능 테스트를 만듭니다.
기존 웹 성능 테스트에서 새 웹 성능 테스트를 추출합니다.
기존 웹 성능 테스트에서 새 웹 성능 테스트를 작성합니다.
사전 요구 사항
이 연습을 수행하려면 다음이 필요합니다.
- Visual Studio 2010 Ultimate
웹 응용 프로그램 만들기
웹 응용 프로그램을 만들려면
Visual Studio 2010 Ultimate의 파일 메뉴에서 파일을 클릭한 다음 프로젝트를 클릭합니다.
새 프로젝트 대화 상자가 나타납니다.
설치된 템플릿에서 원하는 프로그래밍 언어를 확장한 다음 웹을 클릭합니다.
웹 프로젝트 형식 목록에서 Empty ASP.NET Application을 선택합니다.
참고
이 연습에서는 최소한의 코드만 작성합니다.
이름 상자에 ShoppingWebApp를 입력합니다.
위치 상자에 웹 응용 프로그램을 만들 폴더를 지정합니다.
솔루션용 디렉터리 만들기를 선택합니다.
확인을 클릭합니다.
프로젝트 메뉴에서 새 항목 추가를 선택합니다.
새 항목 추가 대화 상자가 나타납니다.
항목 목록에서 Web Form을 선택합니다.
이름 텍스트 상자에 Default.aspx를 입력한 다음 추가를 클릭합니다.
웹 응용 프로그램을 위한 홈 페이지를 만들려면
솔루션 탐색기에서 Default.aspx를 마우스 오른쪽 단추로 클릭하고 디자이너 보기를 클릭합니다.
빈 페이지가 표시됩니다.
도구 상자가 표시되지 않으면 보기를 클릭한 다음 도구 상자를 클릭합니다.
표준 그룹에서 다섯 개의 단추를 끌어 페이지에 놓습니다. 다음 표를 참고하여 이 단계를 완료합니다.
참고
각 단추를 두 번 클릭하여 단추 클릭 이벤트를 열고 코드를 추가합니다.
컨트롤
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");파일 메뉴에서 모두 저장을 클릭합니다.
웹 응용 프로그램에 페이지를 추가하려면
웹 사이트 메뉴에서 새 항목 추가를 클릭합니다.
새 항목 추가 대화 상자에서 Web Form 템플릿을 클릭하고 이름을 Login.aspx로 지정한 다음 추가를 클릭합니다.
문서 창의 아래쪽에서 디자인 탭을 클릭하여 디자인 뷰로 전환합니다.
단추를 페이지에 끌어 놓습니다.
텍스트 상자를 페이지에 끌어 놓습니다.
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");참고
이 웹 응용 프로그램에는 실제 기능이 없습니다. 각 페이지를 제출하면 사용자가 홈 페이지로 돌아갑니다. 이 연습의 목표를 위해서는 이 기능만으로 충분합니다.
파일 메뉴에서 모두 저장을 클릭합니다.
웹 응용 프로그램을 수동으로 테스트하려면
솔루션 탐색기에서 Default.aspx를 마우스 오른쪽 단추로 클릭하고 시작 페이지로 설정을 클릭합니다.
Ctrl+F5를 눌러 브라우저에서 해당 웹 응용 프로그램을 실행합니다. 홈 페이지인 Default.aspx가 표시됩니다.
참고
이렇게 하면 웹 성능 테스트를 통해 테스트할 웹 응용 프로그램을 실행하는 ASP.NET Development Server가 시작됩니다. 작업 표시줄 오른쪽의 알림 영역에 ASP.NET Development Server 아이콘이 표시됩니다.
웹 응용 프로그램의 주소를 클립보드나 메모장 파일로 복사합니다. 연습의 이후 단계에서는 주소가 필요합니다. 예를 들어 이 주소는 https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx와 비슷할 수 있습니다.
로그인으로 이동을 클릭합니다. Login.aspx 페이지가 열립니다.
텍스트 상자에 이름을 입력하고 로그인을 클릭합니다. 홈 페이지가 열립니다.
제품 1을 클릭합니다. Product1.aspx 페이지가 열립니다.
카트에 추가를 클릭합니다. 홈 페이지가 열립니다.
제품 2를 클릭합니다. Product2.aspx 페이지가 열립니다.
카트에 추가를 클릭합니다. 홈 페이지가 열립니다.
쇼핑 카트를 클릭합니다. Cart.aspx 페이지가 열립니다.
구입을 클릭합니다. 홈 페이지가 열립니다.
로그아웃으로 이동을 클릭합니다. Logout.aspx 페이지가 열립니다.
로그아웃을 클릭합니다. 홈 페이지가 열립니다.
웹 브라우저를 닫습니다.
웹 성능 테스트 만들기
이제 이 응용 프로그램을 테스트할 수 있는 웹 성능 테스트를 만들 준비가 되었습니다.
웹 성능 테스트 응용 프로그램을 만들려면
Visual Studio 2010 Ultimate의 새 인스턴스에서 파일 메뉴의 새로 만들기를 가리킨 다음 프로젝트를 클릭합니다.
새 프로젝트 대화 상자가 나타납니다.
설치된 템플릿에서 선택에 따라 Visual Basic 또는 **Visual C#**을 확장하고 테스트 노드를 선택합니다.
템플릿 목록에서 테스트 프로젝트를 클릭합니다.
이름 상자에 ShoppingWebAppTest를 입력합니다.
위치 상자에 웹 응용 프로그램을 저장한 폴더의 이름을 입력합니다. 예를 들어 폴더 이름을 C:\WebSites\ShoppingWebApp로 입력합니다.
확인을 클릭합니다.
테스트 프로젝트가 만들어집니다.
참고
Visual Studio에서는 기본적으로 단위 테스트 파일 및 테스트 작성에 대한 정보가 들어 있는 텍스트 파일을 추가합니다. 이 연습에서는 이러한 파일이 필요하지 않습니다. 따라서 이들 파일을 삭제할 수 있으며, 삭제하지 않아도 이 연습에는 영향을 주지 않습니다.
테스트 메뉴에서 새 테스트를 클릭합니다.
새 테스트 추가 대화 상자가 나타납니다.
새 테스트 추가 대화 상자에서 웹 성능 테스트를 선택하고 테스트 이름을 WebTest1.webtest로 지정한 다음 확인을 클릭합니다.
WebTest1.webtest라는 새 웹 성능 테스트 파일이 프로젝트에 추가되고 Internet Explorer의 새 인스턴스 내에 웹 성능 테스트 레코더가 열립니다.
브라우저의 주소 표시줄에 이전 단계에서 복사한 웹 응용 프로그램 주소를 입력하고 Enter 키를 누릅니다.
참고
Visual Studio에서 기록 대상 웹 성능 테스트의 URL이 웹 성능 테스트 레코더에 표시되기 시작합니다.
로그인으로 이동을 클릭합니다. Login.aspx 페이지가 열립니다.
텍스트 상자에 이름을 입력하고 로그인을 클릭합니다. 홈 페이지가 열립니다.
제품 1을 클릭합니다. Product1.aspx 페이지가 열립니다.
카트에 추가를 클릭합니다. 홈 페이지가 열립니다.
제품 2를 클릭합니다. Product2.aspx 페이지가 열립니다.
카트에 추가를 클릭합니다. 홈 페이지가 열립니다.
쇼핑 카트를 클릭합니다. Cart.aspx 페이지가 열립니다.
구입을 클릭합니다. 홈 페이지가 열립니다.
로그아웃으로 이동을 클릭합니다. Logout.aspx 페이지가 열립니다.
로그아웃을 클릭합니다. 홈 페이지가 열립니다.
웹 성능 테스트 레코더에서 중지를 클릭하여 기록을 중지합니다.
Internet Explorer가 닫히고 웹 성능 테스트 편집기에 웹 성능 테스트가 URL 목록으로 표시됩니다. 기록을 중지한 후 테스트를 수정할 수 있습니다.
파일 메뉴에서 모두 저장을 클릭합니다.
웹 성능 테스트 응용 프로그램을 실행하려면
웹 성능 테스트 편집기의 도구 모음에서 테스트 실행을 클릭합니다.
테스트가 실행되고 웹 성능 테스트 결과 뷰어에 테스트의 각 요청이 표시됩니다. 테스트 결과 창에 전체 테스트의 결과가 표시됩니다.
테스트 결과 창에서 테스트에 통과했는지 확인합니다.
웹 성능 테스트 결과 뷰어의 목록에서 일부 요청을 선택한 후 아래쪽 창의 웹 브라우저에 나타난 결과를 검토합니다. 테스트가 올바르게 실행되고 있는지 확인합니다.
새 웹 성능 테스트 추출
기존 웹 성능 테스트에서 개별 요청을 추출하여 새 웹 성능 테스트를 만들 수 있습니다. 자세한 내용은 방법: 웹 성능 테스트에서 요청을 추출하여 새 웹 성능 테스트 만들기를 참조하십시오.
기존 웹 성능 테스트에서 새 웹 성능 테스트를 추출하려면
웹 성능 테스트 편집기에서 WebTest1을 엽니다.
요청 트리에서 WebTest1을 마우스 오른쪽 단추로 클릭하고 웹 테스트 추출을 클릭합니다.
웹 테스트 추출 대화 상자가 나타납니다.
웹 테스트 이름에 Login을 입력합니다.
웹 테스트의 첫 번째 항목 선택 드롭다운에서 첫 번째 요청을 선택합니다. 요청은 다음과 같습니다.
https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx
웹 테스트의 마지막 항목 선택 드롭다운 목록에서 세 번째 요청을 선택합니다. 요청은 다음과 같습니다.
https://localhost:<PortNumber>/ShoppingWebApp/Login.aspx
확인을 클릭합니다.
Login이라는 새 웹 성능 테스트가 만들어집니다. 웹 성능 테스트 편집기에서 Login이 추출한 개별 요청 대신 요청 트리에 추가됩니다. 솔루션 탐색기의 프로젝트 목록에 Login.webtest가 추가됩니다.
요청 트리에서 WebTest1을 마우스 오른쪽 단추로 클릭하고 웹 테스트 추출을 클릭합니다.
웹 테스트 추출 대화 상자가 나타납니다.
웹 테스트 이름에 BrowseAndBuy를 입력합니다.
웹 테스트의 첫 번째 항목 선택 드롭다운에서 Login 이후의 첫 번째 요청을 선택합니다. 요청은 다음과 같습니다.
https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx
웹 테스트의 마지막 항목 선택 목록에서 여섯 번째 요청을 선택합니다. 요청은 다음과 같습니다.
https://localhost:<PortNumber>/ShoppingWebApp/Cart.aspx
확인을 클릭합니다.
BrowseAndBuy라는 새 웹 성능 테스트가 만들어집니다. 웹 성능 테스트 편집기에서 BrowseAndBuy가 추출한 개별 요청 대신 요청 트리에 추가됩니다. 솔루션 탐색기의 프로젝트 목록에 BrowseAndBuy가 추가됩니다.
요청 트리에서 WebTest1을 마우스 오른쪽 단추로 클릭하고 웹 테스트 추출을 클릭합니다.
웹 테스트 추출 대화 상자가 나타납니다.
웹 테스트 이름에 Logout을 입력합니다.
웹 테스트의 첫 번째 항목 선택 목록에서 BrowseAndBuy 이후의 첫 번째 요청을 선택합니다. 요청은 다음과 같습니다.
https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx
웹 테스트의 마지막 항목 선택 목록에서 마지막 요청을 선택합니다. 요청은 다음과 같습니다.
https://localhost:<PortNumber>/ShoppingWebApp/Logout.aspx
확인을 클릭합니다.
Logout이라는 새 웹 성능 테스트가 만들어집니다. 웹 성능 테스트 편집기에서 Logout이 추출한 개별 요청 대신 요청 트리에 추가됩니다. 솔루션 탐색기의 프로젝트 목록에 Logout.webtest가 추가됩니다.
웹 성능 테스트 요청 트리에 개별 요청이 남아 있지 않은지 확인합니다. 따라서 이제 WebTest1은 다른 웹 성능 테스트에 대한 호출로만 구성됩니다.
파일 메뉴에서 모두 저장을 클릭합니다.
웹 성능 테스트 응용 프로그램을 실행하려면
웹 성능 테스트 편집기의 도구 모음에서 테스트 실행을 클릭합니다.
테스트가 실행되고 웹 성능 테스트 결과 뷰어에 테스트의 각 요청이 표시됩니다. 테스트 결과 창에 전체 테스트의 결과가 표시됩니다.
테스트 결과 창에서 테스트에 통과했는지 확인합니다.
웹 성능 테스트 결과 뷰어의 목록에서 일부 요청을 선택한 후 아래쪽 창의 웹 브라우저에 나타난 결과를 검토합니다. 테스트가 올바르게 실행되고 있는지 확인합니다.
참고
이제 웹 성능 테스트 결과 뷰어의 트리에 WebTest1.Login, WebTest1.BrowseAndBuy 및 WebTest1.Logout이라는 축소 가능한 노드가 표시됩니다. 이를 통해 테스트의 일부를 보다 쉽게 검토할 수 있습니다.
새 웹 성능 테스트 작성
기존 웹 성능 테스트를 작성하여 새 웹 성능 테스트를 만들 수 있습니다. 자세한 내용은 방법: 웹 성능 테스트에 다른 웹 성능 테스트에 대한 호출 삽입을 참조하십시오.
기존 웹 성능 테스트에서 새 웹 성능 테스트를 작성하려면
테스트 메뉴에서 새 테스트를 클릭합니다.
새 테스트 추가 대화 상자가 나타납니다.
새 테스트 추가 대화 상자에서 웹 성능 테스트를 선택하고 테스트 이름을 AllTest.webtest로 지정한 다음 확인을 클릭합니다.
AllTest.webtest라는 새 웹 성능 테스트 파일이 프로젝트에 추가되고 Internet Explorer의 새 인스턴스 내에 웹 성능 테스트 레코더가 열립니다.
웹 성능 테스트 레코더에서 중지를 클릭하여 검색을 수행하지 않고 기록을 중지합니다.
Internet Explorer가 닫히고 웹 성능 테스트 편집기에 웹 성능 테스트가 표시됩니다. 검색을 수행하지 않았으므로 테스트는 비어 있습니다.
요청 트리에서 AllTest를 마우스 오른쪽 단추로 클릭하고 웹 테스트에 호출 추가를 클릭합니다.
테스트 선택 대화 상자가 나타납니다.
Login을 클릭한 후 확인을 클릭합니다. Login 웹 성능 테스트가 요청 트리에 추가됩니다.
요청 트리에서 AllTest를 마우스 오른쪽 단추로 클릭하고 웹 테스트에 호출 추가를 클릭합니다.
테스트 선택 대화 상자가 나타납니다.
BrowseAndBuy를 클릭한 후 확인을 클릭합니다. BrowseAndBuy 웹 성능 테스트가 요청 트리에 추가됩니다.
요청 트리에서 AllTest를 마우스 오른쪽 단추로 클릭하고 웹 테스트에 호출 추가를 클릭합니다.
테스트 선택 대화 상자가 나타납니다.
Logout을 클릭한 후 확인을 클릭합니다. Logout 웹 성능 테스트가 요청 트리에 추가됩니다.
파일 메뉴에서 모두 저장을 클릭합니다.
웹 성능 테스트 응용 프로그램을 실행하려면
웹 성능 테스트 편집기의 도구 모음에서 테스트 실행을 클릭합니다.
테스트가 실행되고 웹 성능 테스트 결과 뷰어에 테스트의 각 요청이 표시됩니다. 테스트 결과 창에 전체 테스트의 결과가 표시됩니다.
테스트 결과 창에서 테스트에 통과했는지 확인합니다.
웹 성능 테스트 결과 뷰어의 목록에서 일부 요청을 선택한 후 아래쪽 창의 웹 브라우저에 나타난 결과를 검토합니다. 테스트가 올바르게 실행되고 있는지 확인합니다.
다음 단계
이제 웹 성능 테스트가 준비되었으므로 이를 부하 테스트에 추가할 수 있습니다. 로그인 및 로그아웃 단계를 가상 사용자당 한 번씩만 수행하는 부하 테스트를 만들어 가상 사용자당 BrowseAndBuy 단계를 여러 번에 걸쳐 테스트할 수 있습니다.
참고 항목
작업
방법: 웹 성능 테스트 레코더를 사용하여 새 웹 성능 테스트 만들기
방법: 웹 성능 테스트 편집기를 사용하여 기존 웹 성능 테스트 편집