temitope/mocking-firebase-initializeapp-and-firebase-auth-using-jest

Mocking firebase initializeApp and firebase.auth() for unit testing app using firebase

Mocking firebase.initializeApp() and firebase.auth() using JavaScript/Jest

import * as firebase from 'firebase'

const onAuthStateChanged = jest.fn()

const getRedirectResult = jest.fn(() => {
  return Promise.resolve({
    user: {
      displayName: 'redirectResultTestDisplayName',
      email: '[email protected]',
      emailVerified: true
    }
  })
})

const sendEmailVerification = jest.fn(() => {
  return Promise.resolve('result of sendEmailVerification')
})

const sendPasswordResetEmail = jest.fn(() => Promise.resolve())

const createUserWithEmailAndPassword = jest.fn(() => {
  return Promise.resolve('result of createUserWithEmailAndPassword')
})

const signInWithEmailAndPassword = jest.fn(() => {
  return Promise.resolve('result of signInWithEmailAndPassword')
})

const signInWithRedirect = jest.fn(() => {
  return Promise.resolve('result of signInWithRedirect')
})

const initializeApp = jest
  .spyOn(firebase, 'initializeApp')
  .mockImplementation(() => {
    return {
      auth: () => {
        return {
          createUserWithEmailAndPassword,
          signInWithEmailAndPassword,
          currentUser: {
            sendEmailVerification
          },
          signInWithRedirect
        }
      }
    }
  })

jest.spyOn(firebase, 'auth').mockImplementation(() => {
  return {
    onAuthStateChanged,
    currentUser: {
      displayName: 'testDisplayName',
      email: '[email protected]',
      emailVerified: true
    },
    getRedirectResult,
    sendPasswordResetEmail
  }
})

firebase.auth.FacebookAuthProvider = jest.fn(() => {})
firebase.auth.GoogleAuthProvider = jest.fn(() => {})

example usage

test('<insert your method name> that calls firebase.auth().getRedirectResult', async () => {
      const result = await yourModuleName.getRedirectResult() // (i.e. your method that calls firebase.auth().getRedirectResult)
      expect(result).toEqual({
        user: {
          displayName: 'redirectResultTestDisplayName',
          email: '[email protected]',
          emailVerified: true
        }
      })
      expect(firebase.auth).toHaveBeenCalled()
      expect(getRedirectResult).toHaveBeenCalled()
    })