Vue单元测试:Vue Test Utils + Jest

安装配置

1、 安装Jest和Vue Test Utils。

$ npm install --save-dev jest @vue/test-utils

2、安装vue-jest。.vue文件一般为单文件组件(Single-File Componengts),即html,js,css在一个文件中,vue-jest告诉Jest如何处理这样的.vue文件。目前vue-jest还不完全支持vue-loader的所有功能。

$ npm install --save-dev vue-jest

3、安装babel-jest。为支持ES2015+的语法,引入babel-jest,将按ES2015+标准书写的代码降级编译(转译)为浏览器可解析的ES4/5的代码。

$ npm install --save-dev babel-jest

babel 7的使用如下命令安装:

npm install --save-dev babel-jest 'babel-core@^7.0.0-0'

4、配置package.json。

{
    "scripts": {
        "test": "jest"
    }
    // ...
    "jest": {
        "moduleFileExtensions": [
            "js",
            "json",
            // 告诉Jest
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值