Support for Vue 3

I’ll use this issue to keep track of all efforts to support Vue 3 in the next major version of Vue Testing Library.

All feedback is appreciated! 🚀

---

Support for Vue 3 is released in next channel:

https://github.com/testing-library/vue-testing-library/tree/next

Install it by running npm install --save-dev @testing-library/vue@next.

---

To do:

• Update types: #180
• Add suport/example for vue-apollo: #192
• Handle Vue Router: #191
• …properly: #195. RFC: #205
• Rethink rerender/setProps: #198 (for now, it stays as it is, because it matches Testing Library ecosystem expectations).
• Find a way to test async components https://github.com/testing-library/vue-testing-library/issues/230

---

BREAKING CHANGES

• Snapshots are potentially different due to whitespaces.
• Callback function (third parameter of render) is now gone. It is replaced with global config options (for example, global.directives). Check all available options in VTU docs. This includes plugins and slots, too.
• isUnmounted is gone.
• updateProps is now called rerender to align with other Testing Lib libraries. For the time being is just an alias to Vue Test Utils’ setProps, but we might want to explore further options to actually rerender the component. This is further discussed in #198.

Other breaking changes that are not directly related to Vue 3:

• removed support for node 10.

Please notice that releases on next branch will remain on the range of 6.x.x, even if they introduce breaking changes.

[ahnpnl]

Hi, when will @testing-library/vue support for Vue 3 switch to latest tag?

[nickmccurdy]

As of today, Vue 3 is now the default Vue version.

Is there anything else we need to do to unblock releasing Vue 3 support? Just the user-event async issue?