vue-cli脚手架安装jest单元测试,运行异常解决办法

Posted qpnets

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli脚手架安装jest单元测试,运行异常解决办法相关的知识,希望对你有一定的参考价值。

问题描述:

利用vue-cli搭建了一个demo工程,在选项里选择了单元测试跟jest框架,npm install完成,npm run dev 也OK,但是npm run unit,报错了

技术图片

问题1: Option "mapCoverage" has been removed, as it‘s no longer necessary.

解决:此属性已移除,详细可以见 https://jestjs.io/docs/en/configuration 官方公布的属性,在test/unit/jest.conf.js找到并删除该属性

技术图片

 

问题2:localStorage is not available for opaque origins

 解决:在jest.config.js里,增加这两个属性定义

module.exports = {
  verbose: true,
  testURL: "http://localhost/",
  ...
}
可参考https://stackoverflow.com/questions/51554366/jest-securityerror-localstorage-is-not-available-for-opaque-origins#

以上是关于vue-cli脚手架安装jest单元测试,运行异常解决办法的主要内容,如果未能解决你的问题,请参考以下文章

使用 Jest 进行 Vue 单元测试

vue-cli 项目集成 Jest 单元测试

导语2——vue-cli

vue-cli的安装及目录

vue-cli 快速搭建脚手架

vue-cli 脚手架基于Nightwatch的端到端测试环境的过程