如何在笑话中测试激活的生命周期

Question

在我的vue文件中有以下代码:

activated(): void {
this.name = “”;
this.emailAddress = “”;
this.birthdate = “”;
}

我如何在笑话中测试这个?这将检查激活生命周期内的数据是否为空?

我尝试了解决方案，但它不适合我:

Vue jest test激活生命周期

Answer 1

为了简化测试和维护，您可以将生命周期钩子中的操作移动到单独的方法中:

activated(): void {
this.onActivated();
},
methods: {
onActivated(): void {
this.name = “”;
this.emailAddress = “”;
this.birthdate = “”;
}
}

，然后在测试中运行

检查触发此方法后的结果:

wrapper.vm.onActivated();
expect(wrapper.vm.name).toBe("");
expect(wrapper.vm.emailAddress).toBe("");
expect(wrapper.vm.birthdate).toBe("");

手动运行activated()是Vue的功能，应该而不是包括在测试中。