vitest implementation 2

src/main.ts

@@ -1,4 +1,4 @@
-import {enableProdMode, importProvidersFrom, provideZoneChangeDetection} from '@angular/core';
+import {enableProdMode, importProvidersFrom, inject, provideZoneChangeDetection} from '@angular/core';
 
 import {environment} from './environments/environment';
 import {MAT_DATE_LOCALE} from '@angular/material/core';
@@ -8,10 +8,14 @@ import {AppRoutingModule} from './app/app-routing.module';
 import {ServiceWorkerModule} from '@angular/service-worker';
 import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
 import {AppComponent} from './app/app.component';
-import {getApp, initializeApp, provideFirebaseApp} from '@angular/fire/app';
+import {FirebaseApp, provideFirebaseApp} from '@angular/fire/app';
-import {initializeFirestore, persistentLocalCache, persistentMultipleTabManager, provideFirestore} from '@angular/fire/firestore';
+import {provideFirestore} from '@angular/fire/firestore';
-import {getAuth, provideAuth} from '@angular/fire/auth';
+import {provideAuth} from '@angular/fire/auth';
-import {getStorage, provideStorage} from '@angular/fire/storage';
+import {provideStorage} from '@angular/fire/storage';
+import {initializeApp} from 'firebase/app';
+import {getAuth} from 'firebase/auth';
+import {getStorage} from 'firebase/storage';
+import {initializeFirestore, persistentLocalCache, persistentMultipleTabManager} from 'firebase/firestore';
 import {UserService} from './app/services/user/user.service';
 
 declare global {
@@ -39,9 +43,13 @@ bootstrapApplication(AppComponent, {
       FontAwesomeModule
     ),
     provideFirebaseApp(() => initializeApp(environment.firebase)),
-    provideAuth(() => getAuth()),
+    provideAuth(() => getAuth(inject(FirebaseApp))),
-    provideFirestore(() => initializeFirestore(getApp(), {localCache: persistentLocalCache({tabManager: persistentMultipleTabManager()})})),
+    provideFirestore(() =>
-    provideStorage(() => getStorage()),
+      initializeFirestore(inject(FirebaseApp), {
+        localCache: persistentLocalCache({tabManager: persistentMultipleTabManager()}),
+      })
+    ),
+    provideStorage(() => getStorage(inject(FirebaseApp))),
     {provide: MAT_DATE_LOCALE, useValue: 'de-DE'},
     provideAnimations(),
   ],

src/test-vitest.ts

@@ -7,11 +7,9 @@ import {ActivatedRoute, provideRouter} from '@angular/router';
 import {BehaviorSubject, Observable, of} from 'rxjs';
 import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 import {provideNativeDateAdapter} from '@angular/material/core';
-import {getApp, getApps, initializeApp, provideFirebaseApp} from '@angular/fire/app';
+import {Auth} from '@angular/fire/auth';
-import {getAuth, provideAuth} from '@angular/fire/auth';
+import {Firestore} from '@angular/fire/firestore';
-import {initializeFirestore, provideFirestore} from '@angular/fire/firestore';
+import {Storage} from '@angular/fire/storage';
-import {getStorage, provideStorage} from '@angular/fire/storage';
-import {environment} from './environments/environment';
 import {DbService} from './app/services/db.service';
 
 type TestingModuleDefinition = Parameters<typeof TestBed.configureTestingModule>[0];
@@ -43,16 +41,14 @@ type MockFunction = ReturnType<typeof vi.fn> & {
 
 const routeParams$ = new BehaviorSubject<Record<string, unknown>>({});
 const queryParams$ = new BehaviorSubject<Record<string, unknown>>({});
-const defaultFirebaseApp = getApps().length > 0 ? getApp() : initializeApp(environment.firebase);
 
 const defaultTestingProviders: TestingProviderList = [
   provideNoopAnimations(),
   provideNativeDateAdapter(),
   provideRouter([]),
-  provideFirebaseApp(() => defaultFirebaseApp),
+  {provide: Auth, useValue: {}},
-  provideAuth(() => getAuth(defaultFirebaseApp)),
+  {provide: Firestore, useValue: {}},
-  provideFirestore(() => initializeFirestore(defaultFirebaseApp, {})),
+  {provide: Storage, useValue: {}},
-  provideStorage(() => getStorage(defaultFirebaseApp)),
   {
     provide: ActivatedRoute,
     useValue: {