자동화 테스트에 대한 수요가 증가함에 따라 웹 사이트의 크로스 브라우저 테스트에 완벽하게 맞는 도구 중 하나입니다. 다른 브라우저와 운영 체제에서 웹 사이트의 호환성과 성능을 확인하는 것이 매우 필요합니다. 따라서 Selenium을 사용한 크로스 브라우저 테스트에 대한이 기사는 이러한 개념을 깊이있게 이해하는 데 도움이 될 것입니다.
문자열을 배열 PHP로 변환
이 기사에서 다루는 주제는 다음과 같습니다.
크로스 브라우저 테스트 란 무엇입니까?
브라우저 간 테스트는 IE, Chrome, Firefox와 같은 여러 브라우저에서 애플리케이션을 테스트하여 애플리케이션을 효과적으로 테스트 할 수 있습니다. 브라우저 간 호환성은 웹 사이트 또는 웹 응용 프로그램이 서로 다른 브라우저 및 운영 체제에서 작동하는 기능입니다.
예를 들어 – 수동으로 실행할 20 개의 테스트 케이스가 있다고 가정합니다. 이 작업은 하루나 이틀 안에 완료 할 수 있습니다. 그러나 동일한 테스트 케이스를 5 개의 브라우저에서 실행해야하는 경우 완료하는 데 일주일이 걸릴 수 있습니다. 그러나 이러한 20 개의 테스트 케이스를 자동화하고 실행하면 테스트 케이스의 복잡성에 따라 1 ~ 2 시간 이상 걸리지 않습니다. 이것이 바로 브라우저 간 테스트가 필요한 부분입니다.
이제 더 나아가 Selenium에서 크로스 브라우저 테스트가 필요한 이유를 알아 보겠습니다.
크로스 브라우저 테스트가 필요한 이유는 무엇입니까?
모든 웹 사이트는 HTML5, CSS3 및 . 그러나 백엔드에는 다음과 같은 n 개의 기술이 있습니다. , 루비 , 등을 사용할 수 있습니다. 그러나 프런트 엔드와 렌더링에서는이 세 가지 기술 만 사용됩니다.
또한 각 브라우저는 완전히 다른 렌더링 엔진을 사용하여이 세 가지 기술을 계산합니다. 예를 들어 Chrome은 Blink를 사용하고 Firefox는 Gecko를 사용하며 IE는 edge HTML과 Chakra를 사용하므로 동일한 웹 사이트가 이러한 모든 브라우저에서 완전히 다르게 렌더링됩니다. 이것이 바로 브라우저 간 테스트가 필요한 이유입니다. 즉, 웹 사이트는 모든 다른 브라우저 버전과 다른 운영 체제에서 완벽하게 작동해야합니다. 따라서 제대로 작동하는지 확인하려면 브라우저 간 테스트가 필요합니다.
이와 함께 크로스 브라우저 테스트의 필요성을 설명하는 몇 가지 이유를 나열했습니다.
- 다른 OS와의 브라우저 호환성.
- 이미지 방향.
- 각 브라우저는 때때로 문제를 일으킬 수있는 Javascript의 방향이 다릅니다.
- 글꼴 크기가 일치하지 않거나 제대로 렌더링되지 않습니다.
- 새로운 웹 프레임 워크와의 호환성.
이제 더 나아가 크로스 브라우저 테스트를 수행하는 방법을 이해하겠습니다.
크로스 브라우저 테스트를 수행하는 방법?
크로스 브라우저 테스트는 기본적으로 다른 브라우저에서 동일한 테스트 케이스 세트를 여러 번 실행합니다. 이러한 유형의 반복 작업은 다음과 같은 경우에 가장 적합합니다. . 따라서 도구를 사용하여이 테스트를 수행하는 것이 더 비용과 시간 효율적입니다. 이제 셀레늄 웹 드라이버를 사용하여 어떻게 수행되는지 살펴 보겠습니다.
1 단계 : Selenium WebDriver를 사용하는 경우 Internet Explorer, FireFox, Chrome, Safari 브라우저를 사용하여 테스트 사례를 자동화 할 수 있습니다.
2 단계: 동일한 시스템에서 동시에 다른 브라우저로 테스트 케이스를 실행하기 위해 통합 할 수 있습니다. Selenium WebDriver를 사용한 TestNG 프레임 워크.
Step3 : 마지막으로 테스트 케이스를 작성하고 코드를 실행할 수 있습니다.
이제 세 가지 다른 브라우저에서 Edureka 웹 사이트의 브라우저 간 테스트를 수행하는 방법을 살펴 보겠습니다.
피보나치 시퀀스 자바 for 루프
Selenium WebDriver를 사용한 데모
패키지 co.edureka.pages import java.util.concurrent.TimeUnit import org.openqa.selenium.By import org.openqa.selenium.WebDriver import org.openqa.selenium.WebElement import org.openqa.selenium.chrome.ChromeDriver import org .openqa.selenium.edge.EdgeDriver import org.openqa.selenium.firefox.FirefoxDriver import org.testng.annotations.BeforeTest import org.testng.annotations.Parameters import org.testng.annotations.Test public class CrossBrowserScript {WebDriver 드라이버 / * * *이 함수는 testng.xml의 각 Test 태그 전에 실행됩니다. * @param 브라우저 * @throws 예외 * / @BeforeTest @Parameters ( 'browser') public void setup ( 'browser') throws Exception {// 파라미터가 전달되었는지 확인합니다. TestNG는 'firefox'if (browser.equalsIgnoreCase ( 'firefox')) {// firefox 인스턴스 생성 System.setProperty ( 'webdriver.gecko.driver', 'C : geckodriver-v0.23.0-win64geckodriver.exe') driver = new FirefoxDriver ()} // 매개 변수가 'chrome'으로 전달되었는지 확인 else if (browser.equalsIgnoreCase ( 'chrome')) {// se t chromedriver.exe 경로 System.setProperty ( 'webdriver.chrome.driver', 'C : Selenium-java-edurekaNew folderchromedriver.exe') driver = new ChromeDriver ()} else if (browser.equalsIgnoreCase ( 'Edge')) {//Edge.exe 경로 설정 System.setProperty ( 'webdriver.edge.driver', 'C : Selenium-java-edurekaMicrosoftWebDriver.exe') span style = 'font-family : verdana, geneva, sans-serif font- size : 14px '& ampgt // Edge 인스턴스 생성 & amplt / span & ampgt driver = new EdgeDriver ()} else {// 만약 브라우저가 전달되지 않으면 예외 throw new Exception ('Browser is not correct ')} driver.manage (). timeouts () .implicitlyWait (10, TimeUnit.SECONDS)} @Test public void testParameterWithXML () throws InterruptedException {driver.get ( 'https://www.edureka.co/') WebElement Login = driver.findElement (By.linkText ( 'Log In ')) // 로그인 버튼 누르기 Login.click () Thread.sleep (4000) WebElement userName = driver.findElement (By.id ('si_popup_email ')) // 사용자 이름 채우기 userName.sendKeys ('your email id ' ) Thread.sleep (4000) // 비밀번호 찾기 'WebElement password = driver.findElement (By.id ( 'si_popup_passwd')) // 암호 채우기 password.sendKeys ( 'your password') Thread.sleep (6000) WebElement Next = driver.findElement (By.xpath ( '// button [ @ class = 'clik_btn_log btn-block'] ')) // 검색 버튼 누르기 Next.click () Thread.sleep (4000) WebElement search = driver.findElement (By.cssSelector ('# search-inp ')) // 검색 창 채우기 search.sendKeys ( 'Selenium') Thread.sleep (4000) // 검색 버튼 누르기 WebElement searchbtn = driver.findElement (By.xpath ( '// span [@ class ='typeahead__button ']')) searchbtn. click ()}}위의 코드에서 작업을 수행하고 있습니다. Edureka 웹 사이트에 로그인하고 Selenium 코스를 검색하는 것과 같은 웹 사이트. 그러나 Google Chrome, Mozilla Firefox 및 Microsoft Edge와 같은 세 가지 브라우저에서 브라우저 간 호환성을 확인하고 싶습니다. 그래서 내 코드에서 3 개의 브라우저 모두의 시스템 속성을 설정했습니다. 그 후 로케이터를 사용하여 웹 사이트에서 작업을 수행합니다. 그래서 이것은 내 클래스 파일에 관한 것입니다. 이제 프로그램을 실행하려면 위의 클래스 파일의 종속성을 포함하는 TestNG XML 파일이 필요합니다. 아래 코드는 TestNG 파일을 보여줍니다.
위의 XML 파일에서 웹 사이트에서 테스트 케이스를 실행하기 위해 브라우저를 인스턴스화하는 데 도움이되도록 드라이브에 대해 다른 클래스를 지정하고 있습니다. 그것이 작동하는 방식입니다.
이것으로, 우리는 크로스 브라우저 테스트에 관한이 글을 . 개념을 이해하고 지식에 가치를 더하기를 바랍니다.
Selenium을 배우고 테스트 도메인에서 경력을 쌓고 싶다면 대화 형 라이브 온라인을 확인하십시오. 여기에는 학습 기간 내내 안내하는 연중 무휴 지원이 함께 제공됩니다.
질문이 있으십니까? Selenium을 사용한 크로스 브라우저 테스트 기사의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.