typescript - 如何模拟带有 typescript 命名空间的模块？

Question

这是被测函数:

import * as firebase from 'firebase';

function signInWithGoogle() {
  var provider = new firebase.auth.GoogleAuthProvider();
  firebase.auth().signInWithRedirect(provider);
}

firebase 具有以下类型定义:

declare namespace firebase.auth 

和

function auth(app?: firebase.app.App): firebase.auth.Auth;

jest.mock('firebase', () => {
  // Don't know how to mock, what should be returned?  
})

我需要 firebase 的模拟 firebase.auth.GoogleAuthProvider()、firebase.auth() 和 signInWithRedirect 方法。

但是 firebase.auth 可以是对象或函数。 jest.mock 的factory 应该返回什么？

jestjs 是否支持这种 mock 或 spy？谢谢大家。

Answer 1

Javascript 函数是函数类型的对象。您可以为每个对象分配属性，这样您就可以将其模拟为:

jest.mock('firebase', () => {
  const auth = jest.fn();
  auth.GoogleAuthProvider = jest.fn();
  auth.Auth = jest.fn();
  return { auth };
});

或者你可以使用 Jest 的不带工厂函数的自动模拟:

jest.mock('firebase');

然后模拟实现

// based on your question (not tested)
firebase.auth.mockImplementation(() => new firebase.auth.Auth())