WebdriverIO - 1부: 여정

WebdriverIO은 NodeJS를 사용하여 자동화된 테스트를 작성하기 위한 광범위한 API를 제공하는 테스트 프레임워크입니다.

내 여정의 일견:

잊을 수 없는 2020년, 새로운 회사와 새로운 팀. 나는 Selenium과 Java가 새로운 직장에 합류하는 이력서를 기억합니다. WebdriverIO로 전환한 이유는 통화 중 "WEBDRIVERIVERIO 탐색 시작"이라고 말하는 프로젝트 구성원에서 시작되었습니다. YouTube에서 빠르게 검색한 결과 Naveen Automation Labs라는 채널에 도달하여 재생 목록을 시작했고 첫 번째 테스트를 작성할 수 있었습니다. 여행을 시작하기에 충분한 지식을 얻을 수 있으므로 모든 사람이 확인하는 것이 좋습니다.

충분히 확신하지 못한 채(셀레늄과의 결합이 명백한 이유임) 계속 연습했습니다(프로젝트 요구 사항으로 다른 옵션 없음). 몇 주 후에 나는 내가 사랑에 빠지고 있다는 것을 깨닫기 시작했고 그 이유는...

상당히 쉬운 구성(WDIO Helper 마법사)

결과를 캡처하고 스크린샷과 로그를 첨부하기 위해 모든 리스너를 작성하는 것에서 탈출합니다

.

강력한 chai 어설션 라이브러리 지원

그리고 얼루어 리포트 룩😊

WebdriverIO 사용:

공식 문서에 따라 WebdriverIO를 사용하여 자동화할 수 있습니다.

• Modern web applications written in React, Vue, Angular, Svelte or other frontend frameworks
• Hybrid or native mobile applications running in an emulator/simulator or on a real device
• Native desktop applications (e.g. written with Electron.js)

전제 조건:

Git/Github

VSCode

NodeJS

NPM(NodeJS와 함께 제공)

프로젝트 생성

디렉토리 생성

mkdir WebdriverIOTypeScriptUI & cd WebdriverIOTypeScriptUI

먼저 기본 설정으로 노드 프로젝트를 초기화합니다.

npm init -y

그런 다음 wedriverio cli를 설치합니다.

npm i @wdio/cli --save-dev

이제 우리는 webdriverio를 구성합니다

npx wdio config

위의 명령은 선택할 프레임워크 옵션 세트와 함께 WDIO 구성 도우미 마법사를 시작합니다.

요구 사항에 따라 옵션을 선택합니다(필요에 따라 나중에 구성 파일에서 선택한 모든 설정을 변경할 수 있음).


마지막으로 선택하면 필요한 노드 종속성이 다운로드되기 시작하고 완료되면 아래와 같은 로그가 표시됩니다. 명령줄에서 강조 표시된 내용을 복사합니다.


이제 Visual Studio에서 프로젝트를 열어 보겠습니다.
루트 프로젝트 폴더에 tsconfig.json 파일을 생성하고 마지막 단계에서 복사한 데이터를 붙여넣습니다. (타이프스크립트 지원을 위해 필요합니다.)

{
    "compilerOptions": {
      "types": ["node", "webdriverio/sync", "@wdio/mocha-framework", "expect-webdriverio", "@wdio/selenium-standalone-service"]
    }  
}

폴더 구조는 다음과 같습니다.


Package.json 파일을 열고 아래와 같이 스크립트 섹션을 수정합니다.

"scripts": {
    "test": "npx wdio wdio.conf.ts"
 },

마지막으로 첫 번째 테스트를 실행할 준비가 되었습니다(위 단계에서 WDIO 구성 도우미의 도움으로 기본적으로 생성됨).
명령 프롬프트 열기(vscode에서 CTRL + J 단축키)
크롬 브라우저에서 실행을 시작하는 아래 명령을 실행하십시오.

npm run test

성공적인 실행은 터미널에 로그인됩니다.

Spec Files:1 passed, 1 total (100% completed) in XX:XX:XX

결론:

따라서 매우 간단한 단계로 webdriverio를 구성하고 WDIO Helper 마법사의 도움으로 생성된 샘플 테스트를 실행하는 방법을 살펴보았습니다.
다음 블로그에서는 매력 보고서를 생성하는 방법에 대해 이야기하겠습니다.

참조:

궁금한 점이 있으면 물어보십시오.
링크드인:
GitHub: sadabnepal