无法在开玩笑测试（vue）中设置或访问任何数据

Question

我的 vue 组件之一似乎无法通过任何测试。 该组件具有以下在安装时设置的数据点：

data() {
    return {
      userData: {},
      notes: [],
    }
  },

我尝试进行以下简单测试，以查看父组件Notebook.vue是否呈现子组件NotebookBody.vue ：

test('notebook renders notebook-body', () => {
    const wrapper = shallowMount(Notebook);
    expect(wrapper.findComponent(NotebookBody)).toBe(true);
})

我收到有关子组件的错误：

 [Vue warn]: Invalid prop: type check failed for prop "userData". Expected Object, got Undefined in <NotebookBody>

在我的组件Notebook中，当NotebookBody被调用时，数据notes和userData作为道具传递给NotebookBody 。

我假设我需要在运行我的expect之前在 Notebook 包装器中设置notes和userData所以我尝试使用名为testNotes和testUserData的虚拟数据创建两个 const 并尝试在运行expect之前像这样设置它：

wrapper.setData( { 
  notes: testNotes, 
  userData: testUserData
} );

但是我仍然遇到同样的问题，即userData undefined in NotebookBody

当我像这样创建包装器时，我也尝试过设置数据：

const wrapper = shallowMount(Notebook, { propData: { userData: testUserData } });

但我仍然遇到同样的问题。 我究竟做错了什么？

- - 编辑 - -

我创建了一个新测试来尝试查看是否可以查看 notes 数据元素是否存在并且我得到相同的错误，userData 和 notes 只是未定义？！ 我该如何解决？

test('notebook notes exist', done =>  {
    const wrapper = shallowMount(Notebook);

    wrapper.setData({ userData: testUserData, notes: testNotes });

    expect(notes.length).toBeGreaterThan(0);
})