Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Unit testing 在VueJS单元测试中使用querySelector会记录错误_Unit Testing_Jasmine_Vue.js_Karma Jasmine_Vuejs2 - Fatal编程技术网

Unit testing 在VueJS单元测试中使用querySelector会记录错误

Unit testing 在VueJS单元测试中使用querySelector会记录错误,unit-testing,jasmine,vue.js,karma-jasmine,vuejs2,Unit Testing,Jasmine,Vue.js,Karma Jasmine,Vuejs2,在编写单元测试时,每当我在该组件上使用querySelector()时,我都会得到大量堆栈。测试仍然通过,但只是抛出错误。以下是我对默认Hello组件的规范: 你好,vue <template> <div class="hello"> <h1>{{ msg }}</h1> </div> </template> <script> export default { name: 'hello',

在编写单元测试时,每当我在该组件上使用
querySelector()
时,我都会得到大量堆栈。测试仍然通过,但只是抛出错误。以下是我对默认Hello组件的规范:

你好,vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  margin: 0 10px;
}

a {
  color: #42b983;
}
</style>
Package.json

{
 "vue": "^2.2.2",
 "karma": "^1.6.0",
 "karma-jasmine": "^1.1.0",
 "jasmine-core": "^2.5.2",
}
错误:

错误日志:TypeError{stack:'render@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:80741:28
get@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:5337:29
evaluate@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:5437:24
computedGetter@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:5681:25
render@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:91018:131
_render@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:6477:26
updateComponent@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:5026:28
get@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:5337:29
Watcher@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:5320:15
mountComponent@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:5030:28
$mount@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:10120:24
$mount@http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:12169:20
http://localhost:9876/base/index.js?6c531a43b44d6e4b9f5a01ea1fbbc3a4597aeae5:43223:64
attemptSync@http://localhost:9876/absolute/Users/user/projects/my project/node_modules/jasmine core/lib/jasmine core/jasmine.js?916005cc407925f476468d61d04888d59258f5d:1950:28

run@http://localhost:9876/absolute/Users/user/projects/my project/node_modules/jasmine core/lib/jasmine core/jasmine.js?916005cc407925f4668d61d04888d59258f5d:1938:20…

完全错误是什么?我相信这是使用vue cli支架进行的默认单元测试?只需在顶部弹出它,谢谢您的查看,可以吗发布
Hello
组件?当然,这只是默认组件,但是添加到了上面。您是否尝试过GetElementsByCassName,而不是querySelector,方法是为h1元素指定类名?
{
 "vue": "^2.2.2",
 "karma": "^1.6.0",
 "karma-jasmine": "^1.1.0",
 "jasmine-core": "^2.5.2",
}