GitHub项目接入Travis-CI过程

最近才接触前端测试,感觉还是挺有意思的记录下 GitHub项目接入Travis-ci 过程。有错误望指正。自己查阅文档摸索的过程大致如下:

  1. 在github创建并完成一个可以待测试的项目。这里的完成是指需要完成基本的项目功能,和测试用例代码。
  2. 配置travis-ci能识别读取的配置文件,这样travis-ci接入的时候才能够知道测试时的一些配置。
  3. github 和 travis-ci 是个站点,换句话说就是两个东西如果能打通呢。需要用户登录 travis-ci 并授权访问到你的 github 项目并进行相关的项目设置。
  4. 接入完成后就可以根据自己的需要来运行写好的测试代码,也可以设置定期任务去跑测试。

下面是详细的过程

项目创建、完善项目功能和测试代码。

  • 项目需求: 实现一个求和方法
  • 测试: 通过 mocha 来测试完成的求和方法。

(由于是为了演示整个测试接入的过程,项目就简单了点儿哈。 项目地址)

下面是项目结构,项目创建完成后通过 npm i mocha -D 安装 mocha 模块。然后在本地运行 npm test 看是否能够测试通过。如果能够测试通过则说明我们的可以继续下一步了。

GitHub项目接入Travis-CI过程_第1张图片
image.png

创建 travis-ci 测试配置文件

创建 travis-ci 配置文件 .travis.yml, 文件内容。 更多文档

language: node_js
node_js:
  - "node"
  - "8.9.4"

至此基本完成了项目开发和测试代码编写的过程,下一步就可以接入 travis-ci 测试了。

接入 travis-ci

通过GitHub登录 travis-ci 的官网 https://www.travis-ci.org/

GitHub项目接入Travis-CI过程_第2张图片
image.png

找到GitHub上刚才创建的需要测试的项目,并开启测试

GitHub项目接入Travis-CI过程_第3张图片
image.png

查看测试过程,及时发现问题。

GitHub项目接入Travis-CI过程_第4张图片
image.png

查看测试状态是否通过测试,如果未通过及时排查问题反复修改;如果通过可以在项目文档中添加一个测试通过的标识。

GitHub项目接入Travis-CI过程_第5张图片
image.png

你可能感兴趣的:(GitHub项目接入Travis-CI过程)