한윤석 개발 블로그

배운 것을 적는 블로그입니다.

CodeceptJS 와 Selenium으로 E2E테스트 시작하기

등록일: 2019-06-28
수정일: 2019-06-28

요약

  • codeceptjs, webdriverio, selenium-standalone을 설치합니다.
  • codeceptjs설정파일을 생성합니다.
  • 테스트 작성 후 테스트를 실행합니다.

Prerequisites

  • Node.js가 설치되어 있어야 합니다.

설치

$ mkdir e2e-example && cd e2e-example
$ npm init

$ npm install codeceptjs webdriverio selenium-standalone --save-dev

설정파일 만들기

./node_modules/.bin/codeceptjs init

Chrome에서만 테스트를 실행한다면 Puppeteer를 선택해도 좋지만 Safari도 같이 테스트 하기 위해 Webdriver를 선택합니다. 다음으로 나오는 prompt들은 일단 enter키를 눌러 넘어갑니다.

테스트 작성하기

$ ./node_modules/.bin/codeceptjs gt

테스트 파일 이름과 테스트 이름을 입력해줍니다. 그 후 테스트 파일을 아래와 같이 편집합니다.

Feature('My First Test');

Scenario('test something', (I) => {
  I.amOnPage('https://github.com');
  I.see('GitHub');
});

웹드라이버 설치하기

./node_modules/.bin/selenium_standalone install

셀레늄 서버 실행하기

./node_modules/.bin/selenium_standalone start

테스트 실행하기

./node_modules/.bin/codeceptjs run

Sources


자바스크립트로 직접 만들면서 배우는 - 자료구조와 알고리즘 강의 바로 가기
실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지 - OAuth 2.0 강의 바로 가기
기계인간 이종립, 소프트웨어 개발의 지혜 - Git 강의 바로 가기

코드숨에서 매주 스터디를 진행하고 있습니다. 메일을 등록하시면 새로운 스터디가 시작될 때 알려드릴게요!