Question

我有这样的组件

<template>
  <p>{{ msg }}</p>
  <inner-comp></inner-comp>
</template>
<script>
  import InnerComp from './components/InnerComp .vue';
  export default {
    props: ['msg'],
    components: {
        innerComp : InnerComp 
    }
  }
</script>

和单元测试

import Vue from 'vue'
import MyComponent from './MyComponent.vue'
// helper function that mounts and returns the rendered text
function getRenderedText (Component, propsData) {
  const Ctor = Vue.extend(Component)
  const vm = new Ctor({ propsData }).$mount()
  return vm.$el.textContent
}
describe('MyComponent', () => {
  it('renders correctly with different props', () => {
    expect(getRenderedText(MyComponent, {
      msg: 'Hello'
    })).toBe('Hello')

  })
})

测试正在通过，但它正在抛出这样的LOG ERROR

'[Vue warn]: Failed to mount component: template or render function not defined.
(found in <InnerComp>)'

Answer 1

假设您使用的是webpack，则应导入

之类的组件

import Vue from 'vue'
import MyComponent from 'src/components/MyComponent.vue'

单元测试文件中的

由于内部组件，vuejs单元测试抛出日志消息

1 个答案: