VSCode로 테스트를 편집하고 SeeTest로 자동화하세요

 

VSCode 개요

VSCode는 Microsoft에서 제공하는 매우 빠른 텍스트 편집기입니다. 사용하기 쉬운 텍스트 편집기와 고급 IDE를 결합한 포괄적인 도구로, 단일 대시보드에서 테스트 프로젝트를 쉽게 편집, 빌드 및 디버깅할 수 있습니다. 이 도구는 Windows, Linux, Mac 플랫폼을 지원합니다. JavaScript, Node.js, TypeScript는 기본으로 지원되며, Java, Python, PHP, C++, C#, GO 등 다른 프로그래밍 언어에 대한 확장 기능도 제공합니다. Unity 및 .NET과 같은 런타임 도구도 지원합니다.

VSCode의 역사

VSCode를 Microsoft Visual Studio와 혼동해서는 안 됩니다. Visual Studio는 20년 동안 Windows 및 Mac 플랫폼에서 실행되는 Microsoft 제품입니다. 오픈 소스는 아닙니다. 하지만 VSCode는 Electron Framework를 기반으로 합니다. Node.js를 사용하여 GUI 애플리케이션을 개발하기 위해 GitHub에서 개발되었으며, 이전에는 Atom Shell이라는 이름으로 알려져 있었습니다. Microsoft는 이 제품을 인수하여 2015년에 오픈 소스로 출시했습니다.

VSCode는 가벼운 텍스트 편집기입니다. 동시에 강력한 IDE로 변환해 주는 확장 기능을 제공하여 원하는 프로그래밍 언어로 작업할 수 있습니다. 하지만 리소스를 많이 소모하지 않으며 복잡한 설치 절차도 필요하지 않습니다. 이 편집기 하나로 모든 프로그래밍 스크립트를 실행할 수 있습니다.

Windows, Linux, MAC 등 모든 주요 플랫폼을 지원합니다. 가벼울 뿐만 아니라 다른 IDE보다 훨씬 빠르게 실행됩니다. 확장 기능을 추가하면 다양한 기능을 갖춘 텍스트 편집기를 사용할 수 있습니다. 게다가 설치와 사용이 간편합니다. 기능 설치는 클릭 한 번으로 완료되며, 무료입니다.

이 도구는 빠르게 혁신되고 있습니다. 유용한 플러그인과 확장 기능, 그리고 디버깅 지원을 제공합니다. VSCode는 도구 관련 도움을 줄 수 있는 활발한 커뮤니티를 보유하고 있습니다. 또한, Microsoft의 전담팀은 다른 오픈소스 도구에서는 제공하지 않는 기능 개선을 위해 끊임없이 노력하고 있습니다. 매달 새 버전이 출시되며 제품은 안정적입니다.

설치

첫 번째 단계는 도구를 설치하는 것입니다. 나중에 원하는 언어 확장명을 추가할 수 있습니다.

1단계: VSCode 설치

다른 모든 Windows 소프트웨어와 마찬가지로 VSCode도 설치가 쉽습니다. 패키지를 다운로드하고 두 번 클릭하면 설치가 완료됩니다.

도구를 다운로드하려면 다음 링크를 방문하세요. https://code.visualstudio.com/download

플랫폼 버전을 선택하고 도구를 다운로드하세요.

다운로드가 완료되면 파일을 두 번 클릭하여 설치를 시작하세요. 다음 화면에서 라이선스 계약에 동의하세요.

다음 화면에서 대상 폴더와 시작 메뉴 옵션을 선택하세요.

그런 다음 몇 가지 옵션을 사용자 지정할 수 있습니다. '경로에 추가'를 선택하면 VSCode 경로를 시스템 환경 변수에 추가할 수 있습니다.

다음을 클릭하여 설치를 완료하세요.

'마침'을 클릭하면 설치가 완료됩니다. 이제 VSCode를 사용할 준비가 되었습니다.

Microsoft 제품의 장점은 GUI 기반의 사용자 친화적인 디자인입니다. 최소한의 지식만 있어도 도구를 쉽게 사용할 수 있습니다.

간단히 HTML 파일을 만들고, 코드를 추가한 다음, 파일을 실행하면 됩니다.

이제 도구를 사용할 준비가 되었습니다.

2단계: 코딩 언어 확장 추가

좋아하는 언어로 작업하려면 VSCode 편집기에 확장 기능을 추가해야 합니다. 확장 기능을 추가하려면 VSCode 편집기를 열고 왼쪽 활동 표시줄에서 확장 기능 아이콘을 클릭하세요.

검색창에 Java를 입력하세요. Java 확장 프로그램 목록이 표시됩니다. Java 확장 프로그램 팩을 선택하세요.

'설치'를 클릭하면 Java 확장 팩이 설치됩니다. 이 확장 팩에는 다음 여섯 가지 구성 요소가 포함되어 있습니다.

1. Java 언어 지원
2. Visual Studio IntelliCode
3. 자바용 Maven
4. Java용 디버거
5. 자바 테스트 러너
6. Java 프로젝트 관리자

설치를 클릭하면 6개의 구성 요소가 모두 설치됩니다.

확장 팩 설치 후 VSCode 편집기를 엽니다. 파일을 클릭하고 작업 공간 폴더(예: ExperitestProject)를 엽니다.

작업 공간 폴더를 선택하면 프로젝트 폴더가 VSCode 작업 공간에 로드됩니다.

이제 프로젝트 작업 공간 옆에 있는 새 파일 아이콘을 클릭하여 새 Java 프로그램을 만드세요. 파일 이름을 지정하고(예: sample1.java) Enter 키를 누르세요.

이제 편집기 오른쪽에 Java 파일이 표시됩니다. 여기에 Java 코드를 추가하세요.

샘플 코드는 다음과 같습니다.

[java] /** * sample1 */ public class sample1 { public static void main(String[] args) { System.out.println(“안녕하세요 전문가 사용자”); } } [/java]

'실행'을 클릭하면 프로그램이 실행됩니다.

이 프로그램은 "Hello Experitest Users"라는 텍스트를 인쇄합니다.

Java 확장 프로그램을 성공적으로 추가했습니다. Java 프로그램이 정상적으로 실행되고 있습니다.

3단계: 테스트 자동화 환경 설정

테스트 자동화 스크립트를 실행하려면 Maven이나 Gradle과 같은 빌드 도구를 설치해야 합니다. 또한 Selenium, WebDriverManager, TestNG 종속성을 추가해야 합니다.

Java 확장 팩을 추가하면 Maven도 설치됩니다. 왼쪽 하단 메뉴에서 Maven 프로젝트를 확인할 수 있습니다. 옆에 있는 새 파일 옵션을 클릭하세요.

아키타입을 선택하세요. 'archetype-quickstart-jdk8'을 선택하세요.

버전을 선택하세요.

다음 화면에서 대상 폴더를 선택하고 "확인"을 클릭하세요. 빌드 프로세스가 시작됩니다.

이제 Maven은 groupid, artifactid 등의 세부 정보를 묻습니다. 세부 정보를 제공하면 Maven이 빌드를 처리합니다.

빌드가 성공적으로 완료되면 왼쪽 탐색기에서 프로젝트 구조를 확인할 수 있습니다. pom.xml을 클릭하세요.

pom.xml에 Selenium, WebDriver Manager, TestNG에 대한 종속성을 추가해야 합니다. Maven 저장소로 이동하려면 다음 링크를 클릭하세요.

https://mvnrepository.com/

검색창에 Selenium을 입력하고 검색을 클릭합니다.

Selenium Java 링크를 열고 최신 버전을 클릭하세요.

코드를 복사하여 pom.xml에 붙여넣으세요.

이제 pom.xml로 가서 종속성 섹션 아래에 코드를 붙여넣습니다.

마찬가지로 'webdrivermanager'와 'TestNG'를 검색하여 pom.xml 파일의 종속성 코드를 복사하고 저장합니다. 빌드가 성공했다는 메시지를 확인할 수 있습니다.

첫 번째 테스트 자동화 스크립트 실행

pom.xml 파일이 업데이트되면 왼쪽 메뉴에서 프로젝트 구조를 확인할 수 있습니다. 프로젝트 이름 아래에서 srctestjava를 마우스 오른쪽 버튼으로 클릭하고 새 파일을 선택하세요.

파일 이름을 .java 확장자로 지정합니다(예: experitest1.java).

이제 다음 코드를 파일에 추가하세요.

[자바] 패키지 Experifact.src.test.java.Experipackage; org.openqa.selenium.WebDriver 가져오기; org.openqa.selenium.chrome.ChromeDriver 가져오기; public class experitest1 { public static void main(String[] args) throws InterruptedException { System.setProperty(“webdriver.chrome.driver”,”C:\chromedriver_win32\chromedriver.exe”); WebDriver 드라이버=새 ChromeDriver(); driver.get(“http://www.experitest.com”); Thread.sleep(3000); driver.quit(); } } [/java]

이 코드를 실행하면 Chrome 브라우저가 열리고 Experitest 웹사이트가 열립니다.

이제 VSCode는 Selenium 기반 테스트 자동화에 적합합니다.

Expertest Cloud의 테스트 자동화

Experitest의 SeeTest 플랫폼은 개발자가 다양한 브라우저, 기기, 플랫폼 등에서 앱을 테스트할 수 있는 포괄적인 테스트 자동화 플랫폼입니다. 또한 각 테스트가 어떻게 실행되었는지 이해할 수 있는 직관적인 보고 도구도 제공합니다.

• SeeTest Cloud에서 테스트 스크립트를 실행하려면 VSCode를 열고 프로젝트 탐색기로 이동하세요.
• Java 프로젝트(Experitestproject)에서 srctestjavaExperipackage를 마우스 오른쪽 버튼으로 클릭합니다.
• 새 파일 만들기를 클릭하세요
• 파일 이름을 .java 확장자로 지정하세요(예: ExperitestCloud.java)
• 이제 다음 코드를 파일에 추가하세요.

[java] 패키지 Experipackage; import org.openqa.selenium.*; import org.openqa.selenium.remote.BrowserType; import org.openqa.selenium.remote.CapabilityType; import org.openqa.selenium.remote.DesiredCapabilities; import org.openqa.selenium.remote.RemoteWebDriver; import org.openqa.selenium.support.ui.ExpectedConditions; import org.openqa.selenium.support.ui.WebDriverWait; import org.testng.annotations.AfterMethod; import org.testng.annotations.BeforeMethod; import org.testng.annotations.Test; import java.net.URL; public class ExperitestCloud { private static final String ACCESS_KEY = "여기에 액세스 키를 입력하세요."; private RemoteWebDriver 드라이버; private URL url; 개인 DesiredCapabilities dc = new DesiredCapabilities(); @BeforeMethod public void setUp() 예외 발생 { url = new URL("https://cloud.seetest.io/wd/hub"); dc.setCapability(CapabilityType.BROWSER_NAME, BrowserType.CHROME); dc.setCapability(CapabilityType.PLATFORM, Platform.ANY); dc.setCapability("accessKey", ACCESS_KEY); dc.setCapability("testName", "빠른 시작 Chrome 브라우저 데모"); driver = new RemoteWebDriver(url, dc); } @Test public void browserTestGoogleSearch() { driver.get("https://www.google.com"); new WebDriverWait(driver, 10).until(ExpectedConditions.presenceOfElementLocated(By.name("q"))); WebElement searchBar = driver.findElement(By.name("q")); searchBar.click(); searchBar.sendKeys(“Experitest”); searchBar.sendKeys(Keys.ENTER); } @AfterMethod public void tearDown() { System.out.println(“보고서 URL: “+ driver.getCapabilities().getCapability(“reportUrl”)); driver.quit(); } } [/java]

이제 테스트를 실행해 보세요. SeeTest Cloud에 로그인하고 Chrome 브라우저를 연 후 Google 웹사이트를 열고 'Experitest'라는 키워드를 검색합니다.

Java 테스트 보고서를 클릭하면 테스트가 통과되었음을 확인할 수 있습니다.

SeeTest Cloud의 가장 눈에 띄는 특징 중 하나는 보고 기능입니다.

SeeTest 클라우드에서 보고 기능을 열면 테스트에 대한 자세한 보고서를 볼 수 있습니다.

보고서와 함께 테스트 녹화본도 제공됩니다. 보고서 오른쪽에서 녹화본을 확인할 수 있으므로 테스트 진행 방식을 쉽게 이해할 수 있습니다.

제품 개요

VSCode는 여러분이 선호하는 프로그래밍 언어를 위한 가벼운 텍스트 편집기이자 IDE입니다. 이 간편한 무료 도구를 사용하면 테스트 자동화 프로젝트를 손쉽게 실행할 수 있습니다. 필요한 모든 확장 기능을 갖춘 풍부한 기능을 갖춘 인터페이스를 제공하면서도 시스템 리소스를 많이 소모하지 않습니다. 게다가 로딩 속도도 빠르고 테스트 실행 속도도 매우 빠릅니다. 또한, Codespace라는 관리형 환경도 제공합니다. 여기에 대해 읽으십시오..

결합할 때 SeeTest 클라우드의 힘 VSCode를 사용하면 더 이상 더 나은 것을 기대할 수 없습니다.

Guy Arieli – CTO