webpack手动搭建vue项目（八）—— 写单元测试

最新推荐文章于 2024-08-12 23:31:07 发布

原创最新推荐文章于 2024-08-12 23:31:07 发布 · 252 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#单元测试

vue 同时被 3 个专栏收录

13 篇文章

订阅专栏

karma

3 篇文章

订阅专栏

单元测试

3 篇文章

订阅专栏

文章假定已搭建好vue+elementui+mockjs+karma+mocha+chai项目，可参考此教程编写单元测试。若要深入研究单元测试语法，可参考chai的api文档。

这篇文章的前提是你已经搭建好了一个vue+elementui+mockjs+karma+mocha+chai的项，编写单元测试可以参考这个教程。

import { expect } from 'chai'
import { shallowMount, createLocalVue } from '@vue/test-utils'

import example from '所需编写组件的路径'
import ElementUI from 'element-ui'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'

const localVue = createLocalVue()
localVue.use(VueRouter)
localVue.use(VueResource)
localVue.use(ElementUI)
const router = new VueRouter()

const wrapper = shallowMount(MonthlyPlan, {
    localVue,
    router
})

describe('组件名字描述', () => {
    // 每一个it都是一个小的测试单元
    it('需要测试的描述', () => {
         // 写具体的测试内容
    })
})

上面大概已经有了一个真正项目的单元测试所需了，如果需要深入研究单元测试语法请参考chai的api文档！