시작 가이드

이 튜토리얼에서는 기본을 만드는 방법에 대한 지침을 제공합니다. 아 피움 모바일을 이용한 자동화 테스트 JavaScript 프로그래밍 언어로서.

우리는 이 예제 프로젝트를 개발할 것입니다 비주얼 스튜디오 코드 IDE 를 사용하여 웹드라이버JS 도서관.

아래 예제 프로젝트의 전체 코드를 다운로드할 수 있습니다. git 저장소에서 JavaScript를 사용한 첫 번째 Appium 자동화 테스트.

필수 설치

첫째, 이 섹션에서는 Javascript를 사용하여 기본 테스트를 개발하고 실행하는 데 필요한 소프트웨어 설치에 대해 설명합니다.

NodeJS

1. 다운로드 노드JS.
2. 다운로드한 파일을 두 번 클릭하고 마법사의 단계에 따라 Node JS 설치를 완료합니다.

아 피움

Appium 및 Appium Desktop을 설치하려면 공식을 참조하세요. ~의 페이지 아 피움 을 통한 도움말을 참조하십시오.

Visual Studio 코드

공식을 참조하여 다운로드 및 설치하세요. ~의 페이지 Visual Studio 코드.

주의 사항: 또한 설치해야 합니다 안드로이드 스튜디오/자바 안드로이드 기기를 인식하려면 adb 유틸리티를 사용해야 하기 때문입니다.

WebDriverJS를 사용하여 첫 번째 테스트 만들기

둘째, 이 섹션에서는 시작 정보를 제공합니다.

1. Visual Studio Code(VSC)에서 프로젝트 만들기
2. WebDriverJS를 사용하여 자동화 테스트 작성

Visual Studio Code 시작하기

Visual Studio 코드 는 최신 애플리케이션을 구축하는 데 필요한 무료, 경량, 그리고 무엇보다도 강력한 코드 편집기입니다. WebDriverJS 라이브러리를 사용하여 Javascript로 첫 번째 테스트를 개발해 보겠습니다.

1 단계 : Visual Studio Code에 빈 작업 공간 폴더를 추가합니다.

탐색기가 열리면 프로젝트 홈으로 사용할 빈 폴더를 선택하세요. 아래와 같이 편집기에 작업 공간 폴더가 표시됩니다.

2 단계 : VSC 메뉴에서 터미널 > 새 터미널을 탐색하여 새 터미널을 만듭니다.

편집기 하단에 터미널 창이 생성됩니다. 이 터미널은 운영 체제 명령을 실행하는 통합 터미널로, 런타임 및 개발 환경을 설정하는 데 유용합니다.

3 단계 : package.json을 생성합니다

이제 우리는 창조합니다 package.json이는 기본적으로 프로젝트의 메타데이터입니다. 이 파일은 일반적으로 NodeJS에 프로젝트를 식별하고 종속성을 처리하는 데 필요한 정보를 제공합니다.

터미널에 다음 명령을 입력하세요.

[js]npm 초기화[/js]

프로젝트 이름, 설명 등 프로젝트 세부 정보를 입력하고 다음을 입력하세요. 예.

package.json 파일에 종속성 모듈을 추가합니다. 이 경우 WebDriverJS입니다. 셀레늄 웹 드라이버 기준 치수.

[js] package.json { “name”: “webdriverjsproject”, “version”: “1.0.0”, “description”: “webdriverjs”, “main”: “index.js”, “dependencies”: { “selenium-webdriver”: “4.0.0-alpha.7” }, “author”: “첫 번째 테스트 작성자”, “license”: “ISC” }[/js]

4 단계 : 종속성을 사용하여 프로젝트 작업 공간 업데이트

생성한 후 package.json모든 종속성을 포함하여 작업 공간을 업데이트해야 합니다. 이 프로젝트에는 WebDriverJS라는 하나의 종속성만 있지만, 모든 순환 종속성은 작업 공간에 다운로드됩니다.

터미널에 다음 명령을 입력하세요.

[js]npm 설치[/js]

한편, node_modules 디렉토리에는 모든 패키지 종속성이 있습니다.

WebDriverJS를 사용하여 자동화 테스트 작성

1 단계 : 새로운 파일 JS 파일을 만듭니다

작업 공간 폴더를 선택하세요. 마우스 오른쪽 단추로 클릭 선택 새로운 파일이렇게 하면 파일 이름을 지정할 수 있습니다. 파일 이름은 webdriverjsTest.js로 지정하세요.

2 단계 : 테스트 만들기

가져오기 추가

The 필수 키워드는 스크립트에 필요한 것을 확인합니다. 셀레늄 웹 드라이버.

[js]”엄격하게 사용”; var wd = require(“selenium-webdriver”), By = wd.By, until = wd.until; [/js]

코드에서 원하는 기능 설정

이제 우리는 t를 만들어야 합니다.he 원하는 기능 드라이버 초기화에 전달됩니다. 원하는 기능은 세션 유형과 Appium Automation Server 연결 속성을 설명합니다.

[js] // 원하는 기능 설정. var desiredCaps = { platformName: “Android”, deviceName: “a3ae1c63”, app: “c:\eribank.apk”, appPackage: “com.experitest.ExperiBank”, appActivity: “.LoginActivity”, browserName: ”, }; [/js]

위에는 필수 매개변수가 3개 있습니다.

1. 플랫폼 이름 – 장치의 운영 체제를 지정합니다.
2. 앱 – 테스트해야 하는 애플리케이션의 경로를 지정합니다.
3. 장치 이름 – 장치의 장치 식별자입니다. 이는 다음 지침/실행을 통해 수행됩니다. ADB 장치 명령.

시험 방법

WebDriverJS는 비동기입니다 도서관즉, 명령을 실행하면 완료를 위해 블록되지 않고 다음 줄로 이동합니다. WebDriverJS는 다음과 같은 다양한 전략을 제공합니다. 약속 관리자, async/await이 예제에서는 async/await 전략을 사용합니다. 다른 전략에 대한 자세한 내용은 다음을 참조하세요. 를 참조 WebDriverJS 문서.

이제 await 명령을 사용하여 비동기 함수를 정의하겠습니다.

[js]async function testEribank() { //드라이버 초기화 let driver = await new wd.Builder().usingServer(“http://localhost:4723/wd/hub”).withCapabilities(desiredCaps).build(); var okElements = await driver.findElements(By.xpath(“//*[@text='OK']”)); if ( okElements.length > 0) { var okElement = await driver.findElement(By.xpath(“//*[@text='OK']”)); await okElement.click(); } // 요소 찾기 const userElement = await driver.findElement(By.xpath(“//*[@text='Username']”)); // 자동화 명령. await userElement.sendKeys(“company”); const passwordElement = driver.findElement(By.xpath(“//*[@text='비밀번호']”));를 기다립니다. passwordElement.sendKeys(“회사”); const loginElement = driver.findElement(By.xpath(“//*[@text='로그인']”));를 기다립니다. loginElement.click();를 기다립니다. driver.quit();를 기다립니다. } [/js]

일반적으로 그것은 방법을 포함합니다 에 UI 요소 찾기 응용 프로그램을 실행하고 요소에 대한 작업을 수행합니다.

최종 코드는 다음과 같습니다.

예제 프로젝트의 전체 코드를 다운로드할 수 있습니다. git 저장소에서 JavaScript를 사용한 첫 번째 Appium 자동화 테스트.

테스트 실행

마지막으로 테스트를 실행해 보겠습니다. 방법은 다음과 같습니다. 1. Android 기기를 PC에 연결하고 다음을 확인하세요. 디버깅이 활성화되었습니다. 2. Appium Desktop을 실행하고 클릭하여 Appium Automation Server를 실행합니다. 서버 시작.

3. Visual Studio Code에서 webdriverjsTest.js를 선택하고 메뉴에서 디버깅 없이 실행을 클릭하여 테스트를 실행합니다.

가이 아리엘리 - CTO (최고 기술 담당자)