Issues with triggering ok event in modal after updating to vue test utils 30

Describe the bug

I am having issues with testing ok event in bootstrap modal after upgrade to vue test utils (version 30). I have code with modal and button. It tests that action is called on ok event. It worked in version 29 but stopped in 30.

Steps to reproduce the bug

1. Clone https://github.com/Loremaster/bootstrap-vue-modal-submit-vtu-30
2. Run $ yarn
3. Run $ yarn test:unit
4. See error:

    expect(jest.fn()).toHaveBeenCalledWith(...expected)

    Expected: Anything, "Reminder message"

    Number of calls: 0

      30 |     await flushPromises();
      31 | 
    > 32 |     expect(actions.createReminder).toHaveBeenCalledWith(expect.anything(), "Reminder message");
         |                                    ^
      33 |   });
      34 | });

Expected behavior

I can see that clicking on button doesn’t trigger submit for some reason.

Versions

Libraries:

• BootstrapVue: 2.2.2
• Bootstrap: 4.4.1
• Vue: 2.6.11

Demo link

Repo: https://github.com/Loremaster/bootstrap-vue-modal-submit-vtu-30

[Loremaster]

I see. Personally I found the fix for me by using await Vue.nextTick() together with transitionStub. I will close the issue as I resolved it for me.

[Loremaster]

@tmorehouse hope it helps you guys 😃