navigateTo assert not working when triggered inside page

[henritoivar]

Environment

https://stackblitz.com/edit/github-shyy23?file=pages%2Fmypage.vue

Reproduction

https://stackblitz.com/edit/github-shyy23?file=pages%2Fmypage.vue

Describe the bug

expect(useRoute().path).toEqual('/') fails when navigateTo('/') called within page component. Doesn't fail when called directly in test itself.

Additional context

No response

Logs

No response

[ExEr7um]

For me it fails too, but there is a catch.

If I use watch(() => useRoute().path) and then inside I use expect it actually works.

So I think the problem is with timing. It does not await navigating between pages, so it happens after your expect executes.

[danielroe]

Yes, I think this is just an implementation detail. navigateTo is an async function which doesn't update the route until an additional tick has passed.

See example test in this repo here:

test-utils/examples/app-vitest-full/tests/nuxt/routing.spec.ts

Lines 16 to 21 in de9a2a8

	it('allows pushing to other pages', async () => {
	await navigateTo('/something')
	expect(useNuxtApp().$router.currentRoute.value.path).toEqual('/something')
	await nextTick()
	expect(useRoute().path).toEqual('/something')
	})

[henritoivar]

@danielroe Did you look at the reproduction? You can see in the reproduction that we do use nextTick and the problem still persist so I don't think this issue is solved.