如何用玩笑测试NuxtVue中的布局方法？

问题描述

我想在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检查覆盖率时，该方法仍然未被发现。

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）