Vue-test-utils: setData() doesn't trigger watcher

Created on 3 Nov 2017 · 7Comments · Source: vuejs/vue-test-utils

I have a component that watches a data object suggestions. When I mount the component and then call wrapper.setData({ suggestions: [] }); the watcher does not fire, as I put a console.log on the watcher to verify. If I set the watcher to be "immediate: true" then it will fire once. Is there something else I should do to trigger the watcher in a testing environment? I tried wrapper.vm.$nextTick to no avail.

const defaultProps = {
  suggestions: [
    {
      data: ["clifford kits", "friendly chemistry", "phonics"]
    }
  ],
  inputProps: {
    id: "autosuggest__input"
  }
};

it("can render suggestions", async () => {
  const wrapper = mount(Autosuggest, {
    propsData: defaultProps
  });

  const input = wrapper.find("input");
  expect(input.hasAttribute("id", defaultProps.inputProps.id));

  input.trigger("click");
  wrapper.setData({
    searchInput: "G",
    suggestions: [
      {
        data: ["friendly chemistry", "phonics"]
      }
    ]
  });
  input.trigger("keydown.down");

  const renderer = createRenderer();
  renderer.renderToString(wrapper.vm, (err, str) => {
    expect(str).toMatchSnapshot();
  });
});

bug

Source