最近才接触前端测试,感觉还是挺有意思的记录下 GitHub项目接入Travis-ci 过程。有错误望指正。自己查阅文档摸索的过程大致如下:
- 在github创建并完成一个可以待测试的项目。这里的完成是指需要完成基本的项目功能,和测试用例代码。
- 配置travis-ci能识别读取的配置文件,这样travis-ci接入的时候才能够知道测试时的一些配置。
- github 和 travis-ci 是个站点,换句话说就是两个东西如果能打通呢。需要用户登录 travis-ci 并授权访问到你的 github 项目并进行相关的项目设置。
- 接入完成后就可以根据自己的需要来运行写好的测试代码,也可以设置定期任务去跑测试。
下面是详细的过程
项目创建、完善项目功能和测试代码。
- 项目需求: 实现一个求和方法
- 测试: 通过
mocha
来测试完成的求和方法。
(由于是为了演示整个测试接入的过程,项目就简单了点儿哈。 项目地址)
下面是项目结构,项目创建完成后通过 npm i mocha -D
安装 mocha
模块。然后在本地运行 npm test
看是否能够测试通过。如果能够测试通过则说明我们的可以继续下一步了。
创建 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上刚才创建的需要测试的项目,并开启测试
查看测试过程,及时发现问题。
查看测试状态是否通过测试,如果未通过及时排查问题反复修改;如果通过可以在项目文档中添加一个测试通过的标识。