Codecov结合Travis CI测试代码覆盖率

Codecov简介

Codecov 是一个开源的测试结果展示平台，Github上许多开源项目都使用了Codecov来展示单测结果。Codecov支持Github账号登录，同样会同步Github中的项目。

Codecov的作用

• 可视化的结果，与github联接，提供小徽章
• 自动合并测试结果，并行运行

Travis CI简介

Travis CI 是一个托管的，分布式持续集成工具，主要用来构建和自动测试项目。当你push一段代码到github的时候，Travis会按照你预先配置的测试文件进行自动测试，并放回pass或fail的结果。它只支持Github，不支持其它代码托管服务。

Travis简单的使用步骤

• github授权及面板
• 获取github的token
• 配置项目.travis.yml
• 其他

使用步骤

1. 安装依赖

yarn add nyc codecov -D

2. 在package.json添加脚本

  "scripts": {
    
    
    "test:unit": "nyc vue-cli-service test:unit",
    "coverage": "nyc report --report=text-lcov > coverage.lcov && codecov"
  },

3. 编写.travis.yml脚本

langeuage: node_js
node_js: 
  - '14'

cache:
  directories:
    - node_modules

install:
  - npm install

script:
  - npm run test:unit

after_success:
  - npm run coverage

4. 用Github账号登录codecov
   
   点击该仓库进去，获取相应token，给下一步使用
   

5. 用Github账号登录Travis，并同步Github上的仓库过来，找到相应的仓库点击进去
   
   设置token，如下
   

6. 点击Trigger build构建项目
   

7. 查看结果

徽章

更多github小图标

测试报告

项目