如何使用笑话在nuxt.js中测试head（） ]

Question

我正在将Nuxt.js和Jest一起用于单元测试。我在布局中添加了一个head函数来更改标题，并且我想对其进行单元测试。这是我的文件：

<template>
  <h1 class="title">HELLO</h1>
</template>

<script>
export default {
  data () {
    return {
      title: 'MY TITLE'
    }
  },
  head () {
    return {
      title: this.title,
      meta: [
        { hid: 'description', name: 'description', content: 'MY DESCRIPTION' }
      ]
    }
  }
}
</script>

我尝试过：

const wrapper = shallowMount(index)
wrapper.vm.head() <- fails

有什么建议吗？

Answer 1

在用于安装组件的Vue实例中注入vue-meta插件。然后，您可以使用head()访问wrapper.vm.$metaInfo数据。请参见下面的示例。