firebase-js-sdkのinitializeAppをmockしたい

前提・実現したいこと

firebaseを使ったプロジェクトでfirestoreのテストをしようとしているのですが、initializeAppだとセキュリティルールを通らないので、jest.mockでinitializeTestAppに置き換えたいです。

発生している問題・エラーメッセージ

再現したコードはこれです
https://codesandbox.io/s/amazing-galois-dcmu8?file=/src/App.test.js

これをテストすると、以下のようなエラーが出ます。
テスト前にEmulatorを起動していますが、起動しなくても同じエラーがでます。

 ● Test suite failed to run

    TypeError: Cannot read property 'firestore' of undefined

      2 | import "firebase/firestore";
      3 | const app = firebase.initializeApp({ projectId: "fakeId" });
    > 4 | export const db = app.firestore();
        |                       ^
      5 | 
      6 | export const dbManipulation = () => {
      7 |   db.collection("users").add({ hoge: "fuga" });

なお、codesandbox自体のバグでjest.mock is not a function というエラーが出ますが、実際には上記のエラーがでます。
File > Export to ZIPでダウンロードできます。

該当のソースコード

codesandbox

試したこと

jest.mock("firebase")に変えた
jest.spyOn(firebase, "initializeApp).mockImplementation(...)にしてみた
jest.mock("firebase/app", ()=> {return {initializeApp: initializeTestApp}})

とか、色々やりましたが全て駄目でした。Manual mockは試していないです。

console.log(initializeApp)とすると、mockされてることが分かるので、jest.mockは効いているようですが、mockImplementationがどうも適用されていないみたいです。

補足情報（FW/ツールのバージョンなど）

create-react-app
Firebase Local Emulator Suite

行動規範の内容に同意します

回答1件

自己解決

typescript
1jest.mock("firebase/app", () => {
2  // eslint-disable-next-line @typescript-eslint/no-var-requires
3  const { initializeTestApp, firestore } = require("@firebase/testing");
4  const mockedApp = initializeTestApp({
5    projectId: "pid",
6    auth: { uid: "uid" },
7  });
8  return {
9    initializeApp: () => mockedApp,
10    firestore: firestore,
11  };
12});