如何测试组件触发器“单击”以更新数据属性？

问题描述

测试我的方法被调用的正确方法是什么？以下是一个简单的示例：

我的组件

<template>
  <button ref="btn1" @click="doSomething('btn1')"></button>
</template>

<script>
export default {
  data() {
    return {
      btn1: false,};
  },methods: {
    doSomething(btnId) {
      this[btnId] = true;
    },},};
</script>

我的测试

test('btn1 was clicked',async () => {
  const btn1 = wrapper.findComponent({ ref: 'btn1' })
  await btn1.trigger('click')
  expect(wrapper.vm.btn1).toBeTruthy()
})

问题是wrapper.vm.btn1总是 false 。我在这里做什么错了？

解决方法

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

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

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