mountSuspended with shallow: true option gets stuck

[gbyesiltas]

Hello there,
I was trying to use the mountSuspended function with shallow: true but it gets stuck and the test fails timing-out. I also tested and got the same behaviour in the tests from the playground project from this repo (see screenshot below)

[oskarols]

I think what is happening is that shallow rendering is stubbing the <Suspense> component, and without this it will just get stuck and not render the children.

Edit: One can explicitly skip stubbing of Suspense via VTU config, but you still get stuck due to implementation details of mountSuspended() since it uses an anonymous component. I suppose some changes would have to be done inside that to allow for shallow rendering to work.

[gbyesiltas]

I think what is happening is that shallow rendering is stubbing the <Suspense> component, and without this it will just get stuck and not render the children.

Edit: One can explicitly skip stubbing of Suspense via VTU config, but you still get stuck due to implementation details of mountSuspended() since it uses an anonymous component. I suppose some changes would have to be done inside that to allow for shallow rendering to work.

Thanks for the detailed reply 🫶

Yeah I believe it is definitely something worth investigating because for most people keeping the unit tests as isolated as possible is a big factor and I pretty much always used shallowMount on vue-test-utils

[OleksandrAfonichev]

Hey there!
Any updates on this?