VueJS transitions does not work

[vicainelli]

Cypress Component Test is amazing, and I'm really happy to have it in my design system project.

But I noticed one thing, I couldn't make the VueJS transitions work on Cypress test files.

And yes, the transitions work fine on Storybooks for example.

Here are two videos, one on Storybooks and the other one is on Cypress.
Same component, same CSS source, but different behavior.

The expected behavior is the animation from bottom to top when a new notification appears, and from top to bottom when it disappears.

I create a Gist to share the source: https://gist.github.com/vicainelli/ab6e34a91616a8f9e597bccb24ec8e81

transitions-storybooks.mov

transitions-cypress.mov