Example workaround for auth0's authGuard with Cypress

authGuard.js

import { getInstance } from './index';

// eslint-disable-next-line consistent-return
export const authGuard = (to, from, next) => {
  const authService = getInstance();

  // eslint-disable-next-line consistent-return
  const fn = () => {
    // If the user is authenticated, continue with the route
    if (authService.isAuthenticated) {
      return next();
    }
    // If Cypress is running, stub authentication
    if (window.Cypress) {
      authService.isAuthenticated = true;
      return next();
    }
    authService.loginWithRedirect({
      appState: { targetUrl: to.fullPath },
      redirect_uri: `${window.location.origin}/callback`,
    });
  };

  // If loading has already finished, check our auth state using `fn()`
  if (!authService.loading) {
    return fn();
  }

  // Watch for the loading property to change before we check isAuthenticated
  // eslint-disable-next-line consistent-return
  authService.$watch('loading', (loading) => {
    if (loading === false) {
      return fn();
    }
  });
};