# Codecov 简介

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

Codecov 的作用

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

# Travis CI 简介

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

Travis 简单的使用步骤

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

# 使用步骤

  1. 安装依赖
yarn add nyc codecov -D
  1. package.json添加脚本
  "scripts": {
    "test:unit": "nyc vue-cli-service test:unit",
    "coverage": "nyc report --report=text-lcov > coverage.lcov && codecov"
  },
  1. 编写.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
  1. 用 Github 账号登录 codecov 在这里插入图片描述 点击该仓库进去,获取相应 token,给下一步使用 在这里插入图片描述

  2. 用 Github 账号登录 Travis,并同步 Github 上的仓库过来,找到相应的仓库点击进去 在这里插入图片描述 设置 token,如下 在这里插入图片描述

  3. 点击 Trigger build 构建项目 在这里插入图片描述

  4. 查看结果

徽章

在这里插入图片描述 更多 github 小图标 (opens new window)

测试报告

在这里插入图片描述

项目 (opens new window)