如何在JEST vue-test-utils中模拟$el属性？

Question

如何在测试组件时模拟$el属性(指向组件的HTML元素)？我需要访问mounted()钩子中的模拟mounted()。下面的解决方案无效。

const wrapper = shallowMount(Component, {
     mocks: {
            $el: { 
               //some properties 
            }
     }
})

//编辑

好的，我找到了一个解决办法。

如果需要在创建/挂载钩子中访问this.$parent或this.$el，只需在方法中编写getter方法，然后在包装器中模拟它，然后用模拟方法替换this.$parent/this.$el。

const wrapper = mount(Component, 
methods: { 
   getEl: () => {}
}

。

Answer 1

它也可以像这样被嘲弄：

wrapper.vm.$el = {
    offsetWidth: 1200,
    offsetHeight: 1000
};