前言
之前谈了在本地监测代码的变动然后自动进行单元测试的流程,那如果我连本地服务器都不想开,那要怎么办呢?
这一次就来谈谈如何利用Travis CI来做云端单元测试。
Travis CI
Travis CI 是通过绑定 Github 上面的项目,只要有新的代码,就会自动抓取,搭建环境并进行测试,如果测试结果有什么变化,就会发邮件通信你。
.travis.yml
Travis CI 要求项目的根目录下有一个 .travis.yml 文件,里面是配置信息。
本项目的配置信息如下
language: node_js
node_js:
- "8"
addons:
chrome: stable
sudo: required
before_script:
- "sudo chown root /opt/google/chrome/chrome-sandbox"
- "sudo chmod 4755 /opt/google/chrome/chrome-sandbox"
复制代码
首先定义语言为node_js
,因为测试的时候是用的 npm 命令。
然后定义node_js
的版本,这里支持多版本,可以添加多个版本。
因为项目是跑在浏览器上面的,所以需要引入一个浏览器,设置下浏览器版本,这里设置的稳定版。
接下来从sudo
开始一直到最后的几句配置,这是因为我在测试的过程中,一直报错,然后到处搜索解决方案,有个人告诉我要加这几句,然后我就加上了。
使用
首先去官网注册个账号登录上去。
然后选择对应的仓库,点击按钮使其变为绿色状态,表示设置成功。
这时候稍等一会,然后返回首页,就可看到已经在开始测试任务了,如果没有开始,就稍微改动点项目文件,再次提交一下。
从图中可以看到,单元测试没有完全通过,有出错的位置,也就是上一次我们为了看监听命令的效果故意改错的位置,我们将其改正过来,再次提交代码到 Github,再看来结果。
这下就全部通过了。
接下来看看 Travis CI 的工作日志,看看它到底干了什么。
它会开机,下载 chrome,下载 Github 的代码,安装依赖,然后就开启测试命令,之后就和在本地测试一样的了,测试结束之后会将结果发邮件通知我们(如果一直成功,后面就不发邮件通知)。
我们直接点开成功的邮件,看一下。
这就表示 Travis CI 帮我们执行了单元测试,而且测试全部通过。
后续
第一次跑完成功之后,后面每次 push 代码,Travis CI 都会进行一次测试,如果失败了,就会邮件通知你。