我想在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
检查覆盖率时,该方法仍然未被发现。
任何帮助将不胜感激。谢谢!