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

Question

如果我具有以下Component状态。

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