cypress disable basic css transitions + animations

commands.js

Cypress.Commands.add('cssDisableMotion', (selector = 'head') => {
  cy.get('html').then(() => {
    document.querySelector(selector).insertAdjacentHTML('beforeend', `
      <style>
        /* Disable CSS transitions. */
        * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }

        /* Disable CSS animations. */
        * { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important; }

        /* Reset values on non-opaque/offscreen framer-motion components. */
        *[style*="opacity"] { opacity: 1 !important; }
        *[style*="transform"] { transform: none !important; }
      </style>
    `);
  });
});