Jest mock firebase auth (Operation not supported)

[sniperadmin]

Bug Story

This operation is not supported in the environment this application is running on. "location.protocol" must be http, https or chrome-extension and web storage must be enabled.

Details

here is the method I would like to test:

// @/components/logins/FbLogin.vue

        methods: {
            fbLogin() {
                var provider = new firebase.auth.FacebookAuthProvider();

                fbAuth.auth().signInWithPopup(provider).then(result => {
                // This gives you a Facebook Access Token. You can use it to access the Facebook API.
                var token = result.credential.accessToken;
                // The signed-in user info.
                var user = result.user;
                // ...
                console.log(user)
                }).catch(error => {
                    let errorCode = error.code,
                        errorMessage = error.message,
                        email = error.email,
                        credential = error.credential;
                    console.log(errorMessage)
                });
            }
        }

Expected test behavior

This is my trial to mock firebase for that purpose

import firebase from 'firebase'

let wrapper

const signInWithPopup = jest.fn(() => {
  return Promise.resolve('results for signInWithPopup')
})

const initializeApp = jest.spyOn(firebase, 'initializeApp')
  .mockImplementation(() => {
    return {
      auth: () => {
        return {
          signInWithPopup
        }
      }
    }
  })

initializeApp()

// this is the test
  it('tests methods', () => {
    const mockfbLogin = jest.spyOn(wrapper.vm, 'fbLogin')

    wrapper.vm.$on('click', mockfbLogin)
    wrapper.vm.$emit('click')

    expect(mockfbLogin).toHaveBeenCalled()
    expect(signInWithPopup).toHaveBeenCalled()
  })

This mock resulted in the bug described above!
As proposed, I would like to cover 100% of the code