How can I use vitest with next-view-transitions

[devpedrodiass]

I setup Vitest on my project, but I'm with this error.

Can someone help me?

[andrei-hernandez]

Did you find a solution/workaround for this? I'm having the same issue :x
Even in Jest does not work

[jonathan-ingram]

I had similar problems using Jest (along with additional errors regarding Jest encountering an unexpected token etc). 🤔

I assume this is happening because Jest can't see any links inside our components/pages (because they're now being handled by next-view-transitions rather than next/link) therefore, I was able to fix this by mocking the rendering of those links instead....

jest.mock("next-view-transitions", () => ({
  Link: jest.fn(({ children, ...rest }) => <a {...rest}>{children}</a>),
}));

This allows the link to be rendered (in the eyes of Jest) with both ...rest and children ensuring anything else associated with your links is not lost in the process.

Happy to hear alternative methods if someone suggests something more elegant, thanks! 🙂