vue 单元测试报错之 undefined is not a constructor (evaluating 'expect(vmComponent.count).toBe(1)')

下面是按照vue官方的例子,写的测试,

// MyComponent.spec.js import Vue from 'vue'
import MyComponent from '@/components/MyComponent.vue'describe('MyComponent', () => {// 检查原始组件选项it('has a created hook', () => {expect(typeof MyComponent.created).toBe('function')})// 评估原始组件选项中的函数的结果it('sets the correct default data', () => {expect(typeof MyComponent.data).toBe('function')const defaultData = MyComponent.data()expect(defaultData.message).toBe('hello!')})
})

运行npm run unit一直提示:undefined is not a constructor (evaluating 'expect(vmComponent.count).toBe(function)')

网上百度了不少答案,下面总结了下:

自带的phantomJs浏览器的时候会报错,所以需要安装karma-chrome-launcher

npm i -D karma-chrome-launcher

可以查看官方文档，有说明：

安装完后再在karma.conf.js中将 browsers: ['PhantomJS']改成browsers: ['Chrome']

再次运行npm run unit之前的错误没有了,但是会出现新的错误:Error: Invalid Chai property: toBe. Did you mean "to"?

无效的Chai属性：toBe

去查看了下当前项目的package.json发现我们使用的是chai断言库，而vue官方使用的是Jasmine断言库

找到问题就好办了，我们去查看下chai的文档 ,将之前的代码的toBe()换成to.equal(),然后再次运行代码，就ok了。

觉得博主写的不错的，请给博主一个赞吧！

vue 单元测试报错之 undefined is not a constructor (evaluating 'expect(vmComponent.count).toBe(1)')相关推荐

gcc编译报错：undefined reference to `std::cout‘
1 问题描述下面的一段代码(代码来源)在使用gcc编译的时候报错:undefined reference tostd::cout'` 编译文件:test.cpp内容如下: #include < ...
java test报错_Java 单元测试报错
«Java 单元测试报错:Test class should have exactly one public zero-argument constructor» public class Test{ ...
Vue项目报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string
# Vue项目报错TypeError [ERR INVALID ARG TYPE]: The "path" argument must be of type string 卡了半 ...
vue index.php,如何解决vue $index报错问题
vue $index报错是因为vue已经移除了原来的$index和$key用法,变成了index和key,其解决办法就是修改$index和$key为index和key即可. 本教程操作环境:windo ...
Vue项目报错：This relative module was not found
Vue项目报错:This relative module was not found 问题如下解决办法出现这种错误检查自己的路径问题我已解决 "./ ":代表当前所在的目录. ...
解决Vue项目报错：Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法
解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法报错如下问题分析明显从图中可以以看 ...
Vue工程报错解决方案Warn:import Vue from “vue“；
Vue工程报错解决方案Warn:import Vue from "vue"; 参考文章: (1)Vue工程报错解决方案Warn:import Vue from "vue& ...
记一次升级node版本后，运行原vue项目报错问题解决方法
记一次升级node版本后,运行原vue项目报错问题解决方法参考文章: (1)记一次升级node版本后,运行原vue项目报错问题解决方法 (2)https://www.cnblogs.com/happ ...
eslint 验证vue文件报错 unexpected token =解决方法
eslint 验证vue文件报错 unexpected token =解决方法参考文章: (1)eslint 验证vue文件报错 unexpected token =解决方法 (2)https: ...

vue 单元测试报错之 undefined is not a constructor (evaluating 'expect(vmComponent.count).toBe(1)')

vue 单元测试报错之 undefined is not a constructor (evaluating 'expect(vmComponent.count).toBe(1)')相关推荐

最新文章

热门文章