vue-test-utils 如何测试组件状态

Question

如果我有以下组件状态。

data () {
  return {
    tasks: [
              { title: "Task 1", complete: false },
              { title: "Task 2", complete: true }
           ]
  }
}

如何使用 Jest 检查 tasks[1].complete === true？

这是我目前的测试。我想检查当复选框上发生 trigger("click") 事件时，状态是否发生了变化。

it("Marks a task complete when I click the task checkbox", async () => {
    const wrapper = mount(ToDoList)
    const taskInput = wrapper.find("[data-unit='taskInput']")
    await taskInput.setValue("Buy Milk")
    await taskInput.trigger("keyup.enter")
    await wrapper.find("[data-unit='task-checkbox-0']").trigger("click")
  })

Answer 1

所以我找到了其他人在这个简单任务中苦苦挣扎的答案，当你知道如何做时很简单:-)

wrapper.vm.$data.tasks[0].complete