Why is the vue-test-utils test failing?

Question

Vue.js

There is a nice button that is disabled if the selectedOffers array is empty.

I am writing a test.

// проверка названия кнопки - совпало
    expect(wrapper.find("button[disabled='disabled']").text()).toEqual("Disallow selected");
    // проверка есть ли такая кнопка, так уже...ради интереса - есть
    expect(wrapper.find("button[disabled='disabled']").exists()).toBe(true);

    // вношу данные
    wrapper.setData({ "selectedOffers": [1, 2, 3] });
    // проверяю, действительно ли 3 элемента вмассиве
    expect(wrapper.vm.selectedOffers.length).toEqual(3);

<b>    // Вот в этом месте, не должно быть кнопки отключенной, но она есть !!!
    expect(wrapper.find("button[disabled='disabled']").exists()).toBe(false);</b>

I don't understand something, and there is no reactivity in the test? Those. the variable has changed, but nothing reacts, or should it be tested in some other way? Thanks in advance to all who answer.

Answer 1

this is probably the case:
https://ru.vuejs.org/v2/guide/reactivity.html#%D0%...
and something like this should work

wrapper.vm.nextTick().then(function(){
  expect(wrapper.find("button[disabled='disabled']").exists()).toBe(false)
})

or instead use
wrapper.setData({ "selectedOffers": [1, 2, 3] });
wrapper.vm.selectedOffers = [1, 2, 3];