Experitest와 함께 WebdriverIO 사용을 시작하는 방법

Webdriver.io는 모바일 및 브라우저입니다. 테스트 자동화 최근 소프트웨어 테스팅 업계에서 큰 인기를 얻고 있는 프레임워크입니다. 이 무료 오픈소스 프레임워크는 JavaScript로 작성되었으며 Node.js에서 실행됩니다. npm 패키지로 제공되는 WebdriverIO는 설치와 사용이 간편합니다. 이 프레임워크를 사용하면 웹 애플리케이션뿐만 아니라 네이티브 모바일 앱도 테스트할 수 있습니다.

Webdriver는 Selenium을 기반으로 모든 브라우저에서 테스트 스크립트를 실행할 수 있어 인기가 높습니다. Selenium의 모든 장점을 제공하면서도 Java 기반 스크립트 작성의 번거로움을 덜어줍니다. Appium과 같은 여러 테스트 프레임워크와 쉽게 통합하여 두 프레임워크의 장점을 모두 활용할 수 있습니다. 이전 방법에 대해 자세히 알아보세요. 셀레늄에서 아피움으로, 웹 테스터를 활성화하는 방법 Digital.ai Continuous Testing.

WebdriverIO 튜토리얼 명령은 간단하고 간결합니다. 구문도 매우 명확합니다. Wdio 설정 마법사가 프로젝트 설정 과정을 안내합니다. Testrunner를 사용하면 비동기 명령을 동기식으로 작성할 수 있습니다. 또한, 테스트 프로세스 중에 특정 작업을 수행하는 후크를 추가할 수 있습니다. 예를 들어 오류 메시지의 스크린샷을 찍을 수 있습니다. 대규모 커뮤니티를 통해 오류 발생 시 신속하게 문제를 해결할 수 있습니다.

다음은 WebriverIO를 사용하여 테스트 스크립트를 설치하고 실행하는 방법에 대한 단계별 튜토리얼입니다.

1단계: Node.JS 설치

이 WebDriverIO 튜토리얼을 사용하려면 컴퓨터에 Node.js와 Node Package Manager(npm)가 설치되어 있어야 합니다. Node.js를 설치하면 npm도 자동으로 설치됩니다.

Node.js 웹사이트를 방문하여 최신 LTS 버전을 다운로드하세요. 현재 LTS 버전은 12.18.0이고 npm 버전은 6.14.4입니다.

https://nodejs.org/en/download/

.msi 파일을 다운로드하여 설치하세요.

다음을 클릭하고 라이센스 계약에 동의하세요.

선택 nodejs 다음 화면의 폴더.

사용자 정의 설정 화면에서는 설치할 기능을 사용자 정의할 수 있습니다.

네이티브 모듈에 대한 추가 도구가 필요한 경우, 네이티브 모듈 화면에서 상자를 체크하여 설치할 수 있습니다.

다음을 클릭하여 설치 과정을 시작하세요.

설치가 완료되면 '마침'을 클릭하세요.

Node.js와 npm이 컴퓨터에 올바르게 설치되었는지 확인하려면 명령 프롬프트를 열고 다음 명령을 입력하세요.

• 노드 – v
• Npm – v

화면에 Node.js와 npm 버전이 표시되면 도구를 사용할 준비가 되었다는 의미입니다.

2단계: 프로젝트 디렉토리 만들기

프로젝트를 시작하기 전에 프로젝트 디렉토리를 만들어 모든 프로젝트 데이터를 단일 폴더로 정리하세요.

명령 프롬프트를 열고 mkdir 명령을 사용하여 디렉토리를 만듭니다.

• mkdir 전문가 데모

이제 cd 명령을 사용하여 해당 디렉토리로 이동합니다.

• cd 전문가 데모

3단계: Package.JSON 만들기

명령 프롬프트를 열고 다음 명령을 입력하세요.

• npm init –y

참고: –y 매개변수는 기본 패키지를 생성합니다.

4단계: WebDriverIO 명령줄 인터페이스 설치

WebDriverIO CLI를 설치하려면 명령 프롬프트에 다음 명령을 입력하세요.

• npm 설치 @wdio/cli

설치가 완료되면 추가된 패키지의 세부 정보가 표시됩니다.

5단계: WebDriverIO 구성 파일 만들기

WebDriverIO를 사용하여 테스트 스크립트를 실행하려면 테스트, 기능 및 설정에 대한 세부 정보가 포함된 구성 파일을 만드세요. 명령 프롬프트에 다음 명령을 입력하세요.

• npx wdio 설정

wdio 구성 마법사가 열립니다. 자동화 백엔드, 프레임워크, 보고 도구 등 필요한 세부 정보를 입력하세요.

1. 자동화 백엔드는 어디에 있나요? 로컬 머신에 있습니다. (클라우드에서 테스트를 실행하려면 여기에 원격 위치를 지정할 수 있습니다.)
2. 어떤 프레임워크를 사용하고 싶으신가요? Mocha
3. 동기식인가, 비동기식인가? 동기식
4. 테스트 사양은 어디에 있습니까? 기본값을 선택하세요
5. 어떤 보고 도구를 사용해야 합니까? 아니요
6. 설정에 테스트 서비스를 추가하시겠습니까? Chromedriver
7. 기본 URL은 무엇입니까? https://experitest.com

패키지가 성공적으로 설치되었고 구성 파일이 성공적으로 생성되었다는 메시지가 표시됩니다.

6단계: 사양 만들기

테스트 실행을 진행하기 전에 모든 테스트 스크립트를 한 곳에 저장하는 것이 중요합니다. 프로젝트 폴더에 'test' 디렉터리를 만들고, test 폴더로 이동한 후 specs 폴더를 만듭니다. 이제 specs 폴더에 자바스크립트 파일을 만들고 해당 파일에 테스트 스크립트를 작성하여 저장합니다.

다음은 자바스크립트의 예입니다.

[javascript] describe('experitest.com 페이지', () => { it('제목이 정확해야 합니다', () => { browser.url('https://experitest.com.') const title = browser.getTitle() expect(browser).toHaveTitle('Experitest: 모바일 앱 및 크로스 브라우저 테스트 종단 간'); }) }) [/javascript]

7단계: 테스트 실행

테스트 스크립트를 실행하려면 다음 명령을 입력하세요.

• npx wdio wdio.conf.js

테스트 스크립트는 크롬 브라우저를 성공적으로 시작하고, 제목을 확인한 후 브라우저를 닫았습니다.

이제 WebdriverIO를 사용할 준비가 되었습니다! 스크립트를 작성하고 바로 실행해 보세요. 여기에서 Experitest의 무료 체험판을 꼭 사용해보세요..

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