Firebase - Testing with Jest throws error "INTERNAL ASSERTION FAILED: Expected a class definition"

Viewed 339

I am testing my React app with Jest and Enzyme. I use Firebase as well and when I try to write tests for my pages which use a Header component with Firebase signin, I get the following error:

Test suite failed to run

INTERNAL ASSERTION FAILED: Expected a class definition

  42 | firebase.initializeApp(config);
  43 |
> 44 | export const auth = firebase.auth();
     |                              ^
  45 | export const firestore = firebase.firestore();
  46 |
  47 | const provider = new firebase.auth.GoogleAuthProvider();

  at debugFail (node_modules/@firebase/auth/src/core/util/assert.ts:256:9)
  at debugAssert (node_modules/@firebase/auth/src/core/util/assert.ts:271:5)
  at Object._getInstance (node_modules/@firebase/auth/src/core/util/instantiator.ts:34:3)
  at new CompatPopupRedirectResolver (node_modules/@firebase/auth-compat/src/popup_redirect.ts:29:9)
  at _getInstance (node_modules/@firebase/auth/src/core/util/instantiator.ts:45:14)
  at AuthImpl.Object.<anonymous>.AuthImpl._initializeWithPersistence (node_modules/@firebase/auth/src/core/auth/auth_impl.ts:121:37)
  at _initializeAuthInstance (node_modules/@firebase/auth/src/core/auth/initialize.ts:86:8)
  at node_modules/@firebase/auth/src/core/auth/register.ts:87:11
  at Component.instanceFactory (node_modules/@firebase/auth/src/core/auth/register.ts:90:10)
  at Provider.Object.<anonymous>.Provider.getOrInitializeService (node_modules/@firebase/component/src/provider.ts:318:33)
  at Provider.Object.<anonymous>.Provider.initialize (node_modules/@firebase/component/src/provider.ts:242:27)
  at new Auth (node_modules/@firebase/auth-compat/src/auth.ts:68:31)
  at Component.instance.INTERNAL.registerComponent.component.Component.setServiceProps.ActionCodeInfo.Operation.EMAIL_SIGNIN [as instanceFactory] (node_modules/@firebase/auth-compat/index.ts:82:16)
  at Provider.Object.<anonymous>.Provider.getOrInitializeService (node_modules/@firebase/component/src/provider.ts:318:33)
  at Provider.Object.<anonymous>.Provider.getImmediate (node_modules/@firebase/component/src/provider.ts:115:21)
  at FirebaseAppImpl.Object.<anonymous>.FirebaseAppImpl._getService (node_modules/@firebase/app-compat/src/firebaseApp.ts:138:21)
  at FirebaseAppImpl.firebaseAppImpl.<computed> [as auth] (node_modules/@firebase/app-compat/src/firebaseNamespaceCore.ts:185:29)
  at Object.auth (node_modules/@firebase/app-compat/src/firebaseNamespaceCore.ts:166:59)
  at Object.<anonymous> (src/firebase/firebase.utils.js:44:30)
  at Object.<anonymous> (src/components/header/header.component.jsx:6:1)
  at Object.<anonymous> (src/pages/finder/finder.component.jsx:5:1)
  at Object.<anonymous> (src/pages/finder/finder.test.js:3:1)

This is my Firebase configuration file:

import firebase from 'firebase/compat/app';
import 'firebase/compat/firestore';
import 'firebase/compat/auth';

const config = {
    ...
  }

export const createUserProfileDocument = async (userAuth, additionalData) => {
  if (!userAuth) return;

  const userRef = firestore.doc(`users/${userAuth.uid}`); 
  
  const snapShot = await userRef.get();

  if(!snapShot.exist) {
    const { displayName, email } = userAuth;
    const createdAt = new Date();

    try {
      await userRef.set({
        displayName,
        email,
        createdAt,
        ...additionalData
      })
    } catch (error) {
      console.log("error creating user", error.message);
    }
  }

  return userRef;

}

firebase.initializeApp(config);

export const auth = firebase.auth();
export const firestore = firebase.firestore();

const provider = new firebase.auth.GoogleAuthProvider();
provider.setCustomParameters({ prompt: 'select_account' });
export const signInWithGoogle = () => auth.signInWithPopup(provider);

export default firebase;

I am on Firebase 9.8.0.

Are there any ideas what I am missing? The app itself and the authentication flow works fine.

0 Answers
Related