GitHub Repo 에 Travis CI 추가하기

GitHub Repo 에 Travis CI 추가하기

최근에 작성한

• Mocha 로 하는 JavaScript Testing
• Mocha 로 하는 API Testing

을 통해 Mocha로 Testing을 하는 방법을 알아보았고,

GitHub Repo 에 소스를 공개했었습니다.

Travis CI를 통해서 현재 master branch에서의 모든 테스트가 통과하는지 첫 페이지에서 바로 상태도 알 수 있고

새로운 pull-request를 할때 merge 전에 바로 해당 build가 통과하는지 바로바로 확인 할수 있어 유용합니다.

public repo에 관해서는 무료이기 때문에 많은 오픈소스 repo들도 사용하고 있습니다.

지난번 Mocha 로 하는 API Testing 에서 만든 GitHub Repo에 이미 테스트 코드가 다 올라가 있기 때문에 이를 이용해서 Travis CI를 연동하는 방법을 알아보겠습니다.

Travis CI 가입

https://travis-ci.org/auth 에 들어가서 GitHub 계정으로 회원가입을 합니다.

Repo 선택

로그인을 하면 왼쪽에 이런 부분이 있는데 +를 클릭합니다.

쭉 나오는 repo 중에 Travis CI에 연동할 repo를 선택합니다.

왼쪽에 있는 회색 버튼을 클릭하면 아래와 같은 화면이 나타납니다.

우측 위에 있는 build unknown을 클릭합니다.

아래와 같이 modal창이 하나 나오는데 두번째 dropdown에서 Markdown을 선택하고 내용을 복사해둡니다.

파일 수정

.travis.yml 파일을 아래와 같이 추가합니다.

Travis에서 구동될 환경을 나타냅니다.

language: node_js
node_js:
  - "6"
install:
  - npm install -g mocha
  - npm install -d
script:
  - mocha

Node.js v6.x 환경에서 글로벌에 mocha를 설치하고

npm install -d 명령어로 dependency와 devDependency를 다 설치합니다

마지막으로 mocha명령어로 테스트합니다.

Build 링크 가져오기

위에서 복사한 Markdown 링크를 README.md 에 붙여넣기 합니다.

[![Build Status](https://travis-ci.org/inspiredjw/learn-mocha-testing.svg?branch=master)](https://travis-ci.org/inspiredjw/learn-mocha-testing)

변경된 코드를 repo에 git push 합니다.

Git Push 이후

Travis CI에 가서 경과를 지켜봅니다.

Docker를 이용해서 setup을 하네요.

완료가 되면 아래 화면처럼 초록색으로 나타납니다.

테스트를 통과하지 못하면 빨간색으로 나타나게 됩니다.

아래와 같이 원래 GitHub Repo 페이지로 와서 보게 되면

초록색 build passing 마크를 확인할 수 있습니다.