이 기사에서는 webdriverio를 사용하여 첫 번째 자동화 스크립트를 만드는 방법을 살펴보겠습니다.

Typescript를 처음 사용하는 경우 기본 사항을 살펴보십시오.

독립 실행형 모드

Typescript 사용

구성 도우미 사용

개발된 이 모든 방법을 시각적으로 확인해야 하는 경우 아래 비디오를 참조하십시오.



또한 github 링크의 샘플 스크립트를 살펴보십시오.

9월 17일 / WebdriverIO_Master

이것은 Ap의 WebdriverIO의 핵심 브랜치입니다.

WebdriverIO_Master

이것은 WebdriverIO의 핵심 분기입니다. 각 폴더를 살펴보세요.
1. BasicTypeScript - TypeScript 전용
2. Cucumber - Cucumber Framework에서 typescript가 포함된 WDIO 7 스크립트
3. Mocha - Mocha Framework에서 typescript가 포함된 WDIO 7 스크립트
4. Docker - Docker에서 WDIO 7 스크립트 실행
5. Networklogs - 네트워크 로그 캡처

More to follow

WDIO7 비디오 보기

Basics of Typescript
Create your first Mocha scripts with TypeScript
TypeScript로 오이 스크립트 만들기
Docker에서 스크립트 실행(GRID+NODE)
Docker에서 스크립트 실행(IMAGES)
네트워크 로그 캡처

WDIO 6 비디오 보기

Run scripts in Docker (GRID+NODE)
Run scripts in Docker (IMAGES)
Capture Network logs

또는

단계별 지침을 보려면 각 폴더 내의 WatchVideo.md 파일을 살펴보십시오.

내 작업을 지원하고 싶다면 아래를 확인하십시오.

패트리온: https://www.patreon.com/17thsep/membership
유튜브:
Dev.to:





View on GitHub

독립형 모드

독립형은 자동차의 엔진처럼 그림으로 나타낼 수 있습니다. 달리는 데 필요한 것이 있지만 필요한 모든 부품이 있으면 운전하기가 더 쉽습니다.

필요한 모든 부분을 모아 테스트 러너 모드인 프레임워크를 개발할 수 있습니다.

독립 실행형 모드에는 하나의 종속성만 필요합니다.
npm i webdriverio
이를 설치한 후 자동화 스크립트에 대한 비동기 방식의 스크립팅을 작성할 수 있습니다.

동기 방식으로 작성해야 하는 경우 WebdriverIO 팀에서 설계한 라이브러리@wdio/sync가 필요합니다.

TypeScript 설정

테스트 러너 모드는 우리가 모두 개발하는 것이 아니라 특정 목적을 위해 개발된 모듈을 활용할 수 있는 완전한 제품입니다.

이를 위해서는 4가지 주요 단계가 필요합니다.

1 - 모든 종속 항목 설치
2 - WDIO 구성 파일 만들기
3 - 자동화 스크립트 개발
4 - Tsconfig.json {typescript를 선택한 경우에만 필요}

종속성

"@wdio/cli": "^7.0.8",

"@wdio/dot-reporter": "^7.0.7",

"@wdio/local-runner": "^7.0.8",

"@wdio/mocha-framework": "^7.0.7",

"@wdio/sync": "^7.0.8",

"chromedriver": "^88.0.0",

"ts-node": "^9.1.1", {Only for typescript}

"typescript": "^4.2.2",{Only for typescript}

"wdio-chromedriver-service": "^7.0.0" 

WDIO 구성 파일

기본 구성 파일에는 다음과 같은 요소가 있습니다.

메모:
TypeScript가 원활하게 작동하려면 아래에 표시된 autoCompileOpts가 필요합니다.

샘플 스크립트

모든 작업이 완료되면 자동화 스크립트가 준비됩니다.

Tsconfig.json

Typescript로 스크립트를 생성할 때의 한 가지 주요 차이점은

typescript가 작동하는 방식에 대한 컨트롤러 역할을 하는 tsconfig.json을 만들어야 합니다. 샘플 tsconfig 파일은 다음과 같습니다.



여기서는 2가지 주요 섹션에 대해 이야기하겠습니다.

유형

여기에 포함하는 라이브러리가 무엇이든 typescript를 사용하면 스크립팅이 이러한 라이브러리 내의 정의에 따른 것인지 확인할 수 있습니다. 예를 들어 여기에 "@wdio/mocha-framework"를 포함하지 않은 경우 Typescript 아래의 포함 섹션에 있는 파일에 스크립트를 작성할 때 정의를 찾을 수 없음 오류에 대해 경고합니다.

포함

이것은 유형 검사를 수행하기 위해 TypeScript가 필요한 파일 목록입니다.

WDIO 구성 도우미

이 작업이 어렵다면 WDIO Configuration helper가 나타납니다.

@wdio/cli를 설치한 후 다음을 입력하여 액세스할 수 있습니다.
npx wdio config - 옵션을 선택하려는 경우
npx wdio config -y - 기본 자동화 스크립트를 실행하려는 경우

건배
AP.