browserstack tutorial
이 자세한 실습 Browserstack 자습서에서 Browserstack 모바일 앱 및 크로스 브라우저 테스트 플랫폼을 사용하는 방법을 알아보십시오.
BrowserStack은 웹 사이트와 모바일 애플리케이션을 테스트하기위한 테스트 플랫폼입니다.
가상 머신, 장치 및 에뮬레이터없이 모든 모바일 장치에서 여러 브라우저 및 모바일 응용 프로그램에서 웹 응용 프로그램을 테스트 할 수 있습니다.
모바일 애플리케이션의 경우 Android 및 iOS 모바일 애플리케이션을 테스트 할 수 있습니다.
학습 내용 :
- BrowserStack이란 무엇입니까?
- 크로스 브라우저 테스트 란 무엇입니까?
- 왜 BrowserStack인가?
- BrowserStack 기록
- BrowserStack의 기능
- 웹 애플리케이션 테스트
- 애플리케이션을 테스트하는 동안 브라우저 스택 키 기능 사용
- BrowserStack에서 버그 생성
- 모바일 브라우저에서 모바일 애플리케이션 테스트
- BrowserStack에서 네이티브 모바일 애플리케이션 테스트
- 네이티브 앱 테스트 중 브라우저 스택 키 기능 사용
- 실제 장치 테스트에 대한 BrowserStack 테스트 비교
- Selenium 스크립트를 사용하여 웹 사이트 자동화
- BrowserStack 테스트의 장점
- BrowserStack 테스트의 단점
- 결론
- 추천 도서
BrowserStack이란 무엇입니까?
브라우저 스택은 클라우드 기반 테스트 도구입니다. 이 도구를 사용하여 개발자와 테스터는 다양한 웹 브라우저에서 다양한 웹 및 모바일 애플리케이션의 브라우저 간 테스트를 수행 할 수 있습니다.
크로스 브라우저 테스트 란 무엇입니까?
브라우저 간 테스트는 기능 테스트입니다. 이 테스트를 수행하여 애플리케이션이 다른 운영 체제의 다른 웹 브라우저에서 예상대로 작동하는지 확인합니다. 여기에서 테스트 케이스를 수동으로 실행하거나 자동화 스크립트에 다양한 브라우저를 지정하여 자동화를 수행 할 수 있습니다.
추천 읽기 => 브라우저 간 테스트 초보자 가이드
왜 BrowserStack인가?
실시간으로 다양한 버전의 여러 운영 체제를 사용하는 여러 브라우저에서 애플리케이션을 테스트하기가 어렵습니다.
다른 운영 체제를 설치하기 위해 많은 컴퓨터 기계를 구입하는 데 많은 비용이 듭니다. 오늘날 시장에서 구할 수있는 모든 안드로이드 및 iOS 모바일 장치를 구입하는 것은 훨씬 더 어렵습니다. 이러한 이유로 모든 장치를 구입하고 설정하는 것은 실용적이지 않습니다.
따라서 운영 체제, 브라우저 및 다른 버전 간 전환의 복잡성을 피하기 위해 BrowserStack을 사용합니다.
모바일 애플리케이션 테스트와 관련하여 현재 사용 가능한 모든 모바일 장치를 구매하지 않아도됩니다. 브라우저 스택은 매우 유연하고 확장 가능합니다. Browser Stack의 도움으로 언제 어디서나 테스트 할 수 있습니다.
브라우저 스택을 원격 랩으로 사용할 수 있으며이를 실제 데스크톱 브라우저로 사용할 수 있습니다. 무료 자바 스크립트 단위 테스트를 제공하고 750 개의 구성을 지원합니다. 브라우저 스택을 사용하기위한 설정이 필요하지 않습니다. 브라우저 스택 URL과 로그인 자격 증명을 사용하여 모든 독립 컴퓨터에서 직접 사용할 수 있습니다.
BrowserStack 기록
BrowserStack은 2011 년 인도 뭄바이의 Ritesh Arora와 Nakul Aggarwal에 의해 설립되었습니다. 135 개국에 걸쳐 약 25,000 명의 유료 사용자와 2000000 명의 등록 사용자가 있습니다. 이제 많은 회사가 웹 및 모바일 애플리케이션 테스트를 위해 Browser Stack을 사용합니다.
BrowserStack의 기능
- 서로 다른 운영 체제에서 서로 다른 브라우저로 브라우저 간 테스트.
- 모바일에서 네이티브 앱 테스트.
- 하이브리드 애플리케이션 테스트.
- 웹 및 모바일 애플리케이션을 자동화합니다.
웹 애플리케이션 테스트
#1) BrowserStack에 가입하십시오.
#두) 귀하의 계정에 로그인하십시오.
#삼) 제품 드롭 다운에서 실시간 대화 형 브라우저 간 테스트 옵션을 선택합니다.
# 4 ) 페이지 왼쪽에 OS 목록이 표시됩니다. Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac 등이 있습니다.
# 5) 목록에서 OS를 선택하십시오. 다른 버전의 브라우저 목록을 볼 수 있습니다. Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10 등과 같은 다양한 버전의 Chrome, Mozilla Firefox, IE, Opera, safari 등과 같은 브라우저를 볼 수 있습니다.
# 6) 모든 버전의 특정 브라우저를 선택하십시오. 브라우저가 열립니다. 응용 프로그램의 URL을 입력하십시오. 실제 시스템 브라우저에서 수행하는 것과 동일한 방식으로 애플리케이션 테스트를 시작하십시오.
애플리케이션을 테스트하는 동안 브라우저 스택 키 기능 사용
다른 브라우저를 선택하려면 브라우저 전환 옵션을 클릭하십시오. 그러면 테스트 할 다른 브라우저를 선택할 수있는 대시 보드 화면으로 이동합니다.
다른 해상도에서 응용 프로그램을 테스트하려면 사용 가능한 해상도 목록이 표시되는 해상도 아이콘을 클릭하고 필요한 해상도를 선택하고 테스트를 계속할 수 있습니다.
특정 브라우저에서 테스트를 마친 후 세션 중지를 클릭하면 대시 보드 화면으로 이동합니다.
BrowserStack에서 버그 생성
클릭 버그 신고 옵션 . 페이지에서 문제를 강조하는 옵션 상자가 표시됩니다. 직사각형, 원, 연필 등과 같은 다양한 옵션을 사용하여 문제를 강조 할 수 있습니다.
또한 Jira, Trello, GitHub, Slack을 사용하거나 이메일을 통해 또는 문제 페이지를 다운로드하려는 경우 버그를보고하려는 위치와 같이 버그를보고하는 옵션 모드를 볼 수 있습니다. 이 방법으로 위 목록에서 옵션을 선택하고 계속해서 버그를보고 할 수 있습니다.
자바에서 객체 배열 선언
모바일 브라우저에서 모바일 애플리케이션 테스트
제품 드롭 다운에서 실시간 대화 형 브라우저 간 테스트 옵션을 선택합니다. 페이지 왼쪽에 OS 목록이 표시됩니다. 해당 목록에서 Android 옵션을 클릭하십시오. Samsung, Motorola, Google, one plus 등과 같은 Android 기기 목록을 볼 수 있습니다.
테스트하려는 장치에 마우스를 올리면 크롬, Mozilla Firefox, Safari, UC 브라우저 등과 같은 브라우저를 볼 수 있습니다. 브라우저를 선택하면 선택한 브라우저가 열립니다.
응용 프로그램의 URL을 입력하고 실제 시스템 브라우저에서 어떻게 수행하는지 테스트를 시작합니다.
BrowserStack에서 네이티브 모바일 애플리케이션 테스트
브라우저 스택 계정에 가입하고 계정으로 로그인합니다. 선택 App Live – 대화 형 네이티브 및 하이브리드 앱 테스트 제품 드롭 다운에서 옵션을 선택합니다.
여기에 앱 업로드, Android 기기 목록 및 iOS 기기 목록과 같은 3 개의 기본 탭이 표시됩니다.
앱 업로드
앱 업로드 버튼을 클릭하면 시스템 대화 창이 열립니다.
앱 폴더로 이동하여 테스트 할 앱을 선택하면 앱이 성공적으로 업로드됩니다. 업로드 된 앱 섹션에서 앱을 볼 수 있습니다. 여기에서 최대 500MB 크기의 앱을 업로드 할 수 있습니다.
다른 방법으로도 앱을 업로드 할 수 있습니다. 선택 App Live 대화 형 네이티브 및 하이브리드 앱 테스트 옵션 제품 드롭 다운에서 Android 실제 장치 또는 iOS 실제 장치 탭을 선택합니다.
아무 장치 나 선택하면 열립니다. 플레이 스토어를 클릭하십시오. 계정으로 로그인하고 테스트하려는 앱을 검색하십시오. 앱을 다운로드 및 설치하고 애플리케이션 테스트를 시작합니다.
마찬가지로, 앱 센터와의 동기화, hockeyapp와의 동기화, testflight로 설치, 앱 스토어와 함께 설치, 또는 Play 스토어와의 설치 등 더 많은 방법으로 앱을 업로드 할 수 있습니다.
앱 삭제
삭제 아이콘을 클릭하면 각 앱의 확인란이 표시됩니다. 체크 박스를 선택하고 삭제 링크를 클릭하면 업로드 한 날로부터 60 일이 지나면 업로드 된 앱이 자동으로 삭제됩니다.
이제 Android 실제 장치 탭을 확인하고이 탭을 클릭하면 Samsung, Motorola, Google, one plus 등과 같은 Android 장치 목록과 다른 장치 모델이 표시됩니다. 각 모델의 OS 버전과 화면 크기를 확인할 수 있습니다.
이제 iOS 실제 장치 탭을 관찰하고이 탭을 클릭하면 다른 장치 모델을 사용하는 iPhone 및 iPad와 같은 iOS 장치 목록이 표시됩니다. 각 모델의 OS 버전과 화면 크기를 확인할 수 있습니다.
테스트를 위해 Android 또는 iOS 장치를 클릭하십시오. 특정 장치가 열리고 응용 프로그램이 시작됩니다. 실제 장치에서 수행하는 방식을 테스트하십시오.
네이티브 앱 테스트 중 브라우저 스택 키 기능 사용
장치를 전환하려면 장치 전환 옵션을 클릭하십시오. 특정 장치에서 테스트를 마친 후 세션 중지 옵션을 클릭하면 대시 보드 페이지로 이동합니다. 설정을 클릭하여 세션 시간 초과 및 모니터 크기를 선택하십시오.
클릭하여 버그를 만들 수 있습니다. 버그 신고 옵션 , 위의 웹 테스트 섹션에서 논의한 것과 같습니다. 이제 장치를 실행하고 응용 프로그램을 테스트 할 수있는 더 많은 옵션이있는 웹 도구 키트 메뉴를 살펴보십시오.
클릭 장치 회전 옵션 장치를 수평 또는 수직으로 회전합니다. 클릭 앱 설치 새 응용 프로그램을 설치합니다. 클릭 앱 죽이기 기기가 아닌 앱을 닫습니다. 클릭 언어 변경 테스트 용 언어를 변경합니다. 클릭 기기 정보 전체 장치 정보를 확인하십시오.
실제 장치 테스트에 대한 BrowserStack 테스트 비교
브라우저 스택 테스트 | 실제 장치 테스트 |
---|---|
경제적 : 다른 장치와 브라우저를 전환하여 단일 장치에서 응용 프로그램을 테스트 할 수 있습니다. | 경제적이지 않음 : 테스트를 위해 시장에서 사용 가능한 모든 장치를 구입해야합니다. |
매우 유연함 : 단일 플랫폼에서 브라우저 간 테스트 및 모바일 애플리케이션 테스트를 수행 할 수 있습니다. | 어디를 가든 여러 장치를 휴대해야합니다. |
OS 라이선스를 구매할 필요가 없습니다. | OS 라이선스를 구입해야합니다. |
빠른: OS 및 브라우저를로드 할 때까지 기다릴 필요가 없습니다. | 느린: OS 및 브라우저를로드하려면 기다려야합니다. |
가상 머신을 사용할 필요가 없습니다. | 가상 머신을 사용해야합니다. |
Selenium 스크립트를 사용하여 웹 사이트 자동화
Selenium 스크립트를 작성하고 브라우저 스택에서 자동화 테스트를 수행해 보겠습니다. 최신 버전의 Java를 다운로드하여 설치합니다. 최신 버전의 Eclipse 또는 다른 IDE를 다운로드하여 설치합니다.
브라우저 스택에서 사용자 이름과 액세스 키를 가져와야합니다. 이를 얻으려면 브라우저 자격 증명으로 로그인하고 제품 그리고 클릭 자동화 . 왼쪽에있는 사용자 이름과 액세스 키를 확인하십시오. 사용자 이름과 암호를 기록해 둡니다.
Eclipse IDE를 엽니 다. Java 프로젝트를 만들고, 패키지를 만들고, 클래스 파일을 만들고, 필요한 모든 Selenium jar 파일을 프로젝트에 추가합니다. 사용자 이름 및 액세스 키에 대한 변수를 작성합니다. URL, 사용자 이름 및 비밀번호를 전달하십시오. 주석을 사용하십시오. 메서드를 만듭니다.
로그를 보려면 원하는 기능을 설정하십시오. 웹 드라이버에 알리고 언급 된 운영 체제, 브라우저 및 브라우저 버전을 선택하기 위해 원하는 기능을 설정하고 있습니다. 웹 드라이버에 대한 개체를 만들고 웹 사이트를 열기위한 URL을 가져옵니다. 애플리케이션이 시작될 때까지 대기하도록 암시 적 대기 명령을 작성하십시오.
URL 가져 오기와 같은 테스트 명령 코드를 작성하여 어설 션 및 클릭, 탐색, 데이터 입력 등과 같은 기타 기능을 사용하여 예상 URL을 확인하십시오.
스크립트를 실행하십시오. 자동화 탭을 확인하십시오. 모든 테스트 단계의 테스트 로그를 확인하고 웹 사이트의 스크린 샷을 보려면 시각적 로그를 확인하십시오. 기타 정보는 콘솔 로그 및 네트워크 로그를 참조하십시오.
Public class testbrowserstack { Public static String Username =”anand”; Public static String accesskey =”anandaccess”; public static final String URL = 'https://' + username + ':' + accesskey + '@hub-cloud.browserstack.com/wd/hub'; public static void main(String[] args) throws Exception { DesiredCapabilities caps = new DesiredCapabilities(); caps.setCapability('browserName', 'iPhone'); caps.setCapability('device', 'iPhone X'); caps.setCapability('realMobile', 'true'); caps.setCapability('os_version', '11'); caps.setCapability('name', 'Bstack-[Java] Sample Test'); WebDriver driver = new RemoteWebDriver(new URL(URL), caps); driver.get('http://www.google.com'); WebElement element = driver.findElement(By.name('q')); element.sendKeys('BrowserStack'); element.submit(); System.out.println(driver.getTitle()); driver.quit(); }
BrowserStack 테스트의 장점
- 단일 제어 지점에서 모든 주요 브라우저를 테스트 할 수 있습니다.
- 브라우저의 이전 버전 / 이전 버전의 호환성을 테스트 할 수 있습니다.
- 수동 및 자동화 테스트를 모두 지원합니다.
- 현재 시장에서 사용 가능한 모든 장치와 브라우저를 테스트 할 수 있습니다.
- 다른 해상도로 애플리케이션을 테스트 할 수 있습니다.
BrowserStack 테스트의 단점
- 응답 시간은 로컬로 설치된 가상 머신만큼 좋지 않습니다.
- 브라우저 스택은 오픈 소스가 아닙니다.
- 실제 장치에서 찾을 수있는 일부 버그는 식별 할 수 없습니다.
결론
BrowserStack을 사용하면 가상 머신 설치에 대한 종속성없이 완전한 테스트를 수행 할 수 있습니다. 브라우저 스택은 테스트하기에 더 유연하고 신뢰할 수 있으며 실제로 비용과 시간을 절약합니다.
모든 장치, 운영 체제, 브라우저 및 모든 버전이 다른 하나의 큰 지붕과 같습니다. 따라서 브라우저 스택으로 모든 종류의 애플리케이션을 테스트 할 수 있습니다.
브라우저 스택은 200 개 이상의 브라우저와 40 개 이상의 모바일 장치에서 실행할 수 있습니다. 클라우드 서비스에서 테스트를 실행할 수 있습니다. 오픈 소스 플랫폼이 아닙니다. 응시하는 플랜과 실행하려는 테스트에 따라 라이선스를 구매하려면 비용을 지불해야합니다.
아직 BrowserStack을 사용하셨습니까? 그렇지 않다면 오늘 사용해 볼 준비가 되셨습니까?