如何用玩笑测试Nuxt(Vue)中的布局方法?

时间:2020-08-12 03:50:22

标签: vue.js jestjs nuxt.js

我想在Nuxt页面中测试“布局”方法。结构如下。我简化了代码以更好地解决问题。

<template>

<!-- insert any dom here -->
</template>

<script>

export default {
  layout({ isDesktop }) {
    return `default/${isDesktop ? 'desktop' : 'mobile'}/index`;
  },
  head() {
    return {};
  },
  name: 'PageName',
  meta: {
      anyMetaProperty: true
  },
  data() {
let component = import( `~/path/to/the/child/component`);
    return {
      component,
    };
  },
};
</script>

我已经成功测试了代码的其他部分,因为它们与典型的Vue组件相似,但是我对“ layout”方法并不满意。我已经尝试在测试中访问wrapper.vm.layout,但是它返回未定义的。我也尝试过使用jest.fn() mockReturnedValue函数模拟该方法,但是当我通过运行jest --coverage检查覆盖率时,该方法仍然未被发现。

任何帮助将不胜感激。谢谢!

0 个答案:

没有答案