1. 项目基于cli4 搭建

2. 一开始没有按照脚手架指示安装单元测试,如何后添加呢?

3. 最终结果如下图,可以看到覆盖率,并且生成html的测试报告

测试报告

4. 实现步骤

(1)如果使用脚手架搭建新项目,搭建项目的时候选 Unit Testing --> jest就可以了

然后在jest.config.js中添加如下代码

module.exports = {

    preset: '@vue/cli-plugin-unit-jest',

    "collectCoverage": true,

    "collectCoverageFrom": [

        "src/**/*.{js,vue}"

    ],

    "moduleFileExtensions": [

        "js",

        "jsx",

        "json",

        "vue"

    ]

}

(2)如果是老项目,需要添加单元测试,修改package.json,然后npm install 。把tests文件夹和jest.config.js拷贝过来即可,这俩文件下载地址,暂时没通过审核,等审核通过,在我主页就能看到啦。

Logo

前往低代码交流专区

更多推荐