fix import firebase in test

Author: aperron

packages/@posva/vuefire-core/__tests__/firestore/collection.spec.ts

@@ -1,10 +1,10 @@
 import { bindCollection } from '../../src'
 import { db, createOps, spyUnbind } from '@posva/vuefire-test-helpers'
-import { firestore } from 'firebase'
+import firebase from 'firebase/app'
 import { OperationsType } from '../../src/shared'
 
 describe('collections', () => {
-  let collection: firestore.CollectionReference,
+  let collection: firebase.firestore.CollectionReference,
     vm: Record<string, any>,
     resolve: (data: any) => void,
     reject: (error: any) => void,

packages/@posva/vuefire-core/__tests__/firestore/document.spec.ts

@@ -1,11 +1,11 @@
 import { bindDocument } from '../../src'
 import { db, spyUnbind, createOps } from '@posva/vuefire-test-helpers'
-import { firestore } from 'firebase'
+import firebase from 'firebase/app'
 import { OperationsType } from '../../src/shared'
 
 describe('documents', () => {
-  let collection: firestore.CollectionReference,
-    document: firestore.DocumentReference,
+  let collection: firebase.firestore.CollectionReference,
+    document: firebase.firestore.DocumentReference,
     vm: Record<string, any>,
     resolve: (data: any) => void,
     reject: (error: any) => void,

packages/@posva/vuefire-core/__tests__/firestore/options.spec.ts

@@ -1,10 +1,10 @@
 import { bindDocument, firestoreOptions, bindCollection } from '../../src'
-import { db, createOps, CollectionReference, DocumentReference } from '@posva/vuefire-test-helpers'
-import { firestore } from 'firebase'
+import { db, createOps } from '@posva/vuefire-test-helpers'
+import firebase from 'firebase/app'
 
 describe('options', () => {
-  let collection: firestore.CollectionReference,
-    document: firestore.DocumentReference,
+  let collection: firebase.firestore.CollectionReference,
+    document: firebase.firestore.DocumentReference,
     vm: Record<string, any>,
     resolve: (data: any) => void,
     reject: (error: any) => void

packages/@posva/vuefire-core/__tests__/firestore/refs-collections.spec.ts

@@ -1,16 +1,16 @@
 import { bindCollection, FirestoreOptions } from '../../src'
 import { db, delay, spyUnbind, delayUpdate, createOps } from '@posva/vuefire-test-helpers'
 import { OperationsType } from '../../src/shared'
-import { firestore } from 'firebase'
+import firebase from 'firebase/app'
 
 describe('refs in collections', () => {
-  let collection: firestore.CollectionReference,
-    a: firestore.DocumentReference,
-    b: firestore.DocumentReference,
+  let collection: firebase.firestore.CollectionReference,
+    a: firebase.firestore.DocumentReference,
+    b: firebase.firestore.DocumentReference,
     vm: Record<string, any>,
     bind: (
       key: string,
-      collection: firestore.CollectionReference,
+      collection: firebase.firestore.CollectionReference,
       options?: FirestoreOptions
     ) => void,
     unbind: () => void,

packages/@posva/vuefire-core/__tests__/firestore/refs-documents.spec.ts

@@ -7,23 +7,27 @@ import {
   spyOnSnapshotCallback,
   createOps,
 } from '@posva/vuefire-test-helpers'
-import { firestore } from 'firebase'
+import firebase from 'firebase/app'
 import { OperationsType } from '../../src/shared'
 
 describe('refs in documents', () => {
   // a and c existing objects { isA: true }
   // item is an empty ready to use object
   // empty is an empty object that is left empty
   // d has a ref to c
-  let collection: firestore.CollectionReference,
-    a: firestore.DocumentReference,
-    b: firestore.DocumentReference,
-    c: firestore.DocumentReference,
-    d: firestore.DocumentReference,
-    empty: firestore.DocumentReference,
-    item: firestore.DocumentReference,
+  let collection: firebase.firestore.CollectionReference,
+    a: firebase.firestore.DocumentReference,
+    b: firebase.firestore.DocumentReference,
+    c: firebase.firestore.DocumentReference,
+    d: firebase.firestore.DocumentReference,
+    empty: firebase.firestore.DocumentReference,
+    item: firebase.firestore.DocumentReference,
     vm: Record<string, any>,
-    bind: (key: string, document: firestore.DocumentReference, options?: FirestoreOptions) => void,
+    bind: (
+      key: string,
+      document: firebase.firestore.DocumentReference,
+      options?: FirestoreOptions
+    ) => void,
     unbind: () => void,
     ops: OperationsType
 

packages/global.d.ts

@@ -1,13 +1,12 @@
 declare module 'firebase-mock' {
-  import { database } from 'firebase'
-
+  import firebase from 'firebase/app'
   type TODO = any
 
   interface MockFirebaseConstructor {
     new (): MockFirebaseI
   }
 
-  export interface MockedReference extends database.Reference {
+  export interface MockedReference extends firebase.database.Reference {
     flush: () => void
     forceCancel: (error: any) => void
     autoFlush: () => void

packages/vuexfire/__tests__/firestore.spec.ts

@@ -1,7 +1,7 @@
 import Vuex from 'vuex'
 import { vuexfireMutations, firestoreAction } from '../src'
 import { db, tick, Vue, delayUpdate } from '@posva/vuefire-test-helpers'
-import { firestore } from 'firebase'
+import firebase from 'firebase/app'
 import { FirestoreOptions } from '@posva/vuefire-core/dist/packages/@posva/vuefire-core/src'
 
 Vue.use(Vuex)
@@ -36,18 +36,19 @@ describe('firestoreAction', () => {
   })
 
   const setItems = (
-    collection: firestore.CollectionReference | firestore.Query,
+    collection: firebase.firestore.CollectionReference | firebase.firestore.Query,
     options?: FirestoreOptions
   ) =>
     // @ts-ignore
     store.dispatch('action', ({ bindFirestoreRef }) =>
       bindFirestoreRef('items', collection, options)
     )
-  const setItem = (document: firestore.DocumentReference) =>
+  const setItem = (document: firebase.firestore.DocumentReference) =>
     // @ts-ignore
     store.dispatch('action', ({ bindFirestoreRef }) => bindFirestoreRef('item', document))
 
-  let collection: firestore.CollectionReference, document: firestore.DocumentReference
+  let collection: firebase.firestore.CollectionReference,
+    document: firebase.firestore.DocumentReference
   beforeEach(async () => {
     store.replaceState({
       // @ts-ignore

packages/vuexfire/__tests__/options.spec.ts

@@ -1,7 +1,7 @@
 import Vuex from 'vuex'
 import { vuexfireMutations, firestoreAction } from '../src'
 import { db, tick, Vue } from '@posva/vuefire-test-helpers'
-import { firestore } from 'firebase'
+import firebase from 'firebase/app'
 import { FirestoreOptions } from '@posva/vuefire-core/dist/packages/@posva/vuefire-core/src'
 
 Vue.use(Vuex)
@@ -27,18 +27,19 @@ describe('firestoreAction', () => {
   })
 
   const setItems = (
-    collection: firestore.CollectionReference | firestore.Query,
+    collection: firebase.firestore.CollectionReference | firebase.firestore.Query,
     options?: FirestoreOptions
   ) =>
     // @ts-ignore
     store.dispatch('action', ({ bindFirestoreRef }) =>
       bindFirestoreRef('items', collection, options)
     )
-  const setItem = (document: firestore.DocumentReference, options?: FirestoreOptions) =>
+  const setItem = (document: firebase.firestore.DocumentReference, options?: FirestoreOptions) =>
     // @ts-ignore
     store.dispatch('action', ({ bindFirestoreRef }) => bindFirestoreRef('item', document, options))
 
-  let collection: firestore.CollectionReference, document: firestore.DocumentReference
+  let collection: firebase.firestore.CollectionReference,
+    document: firebase.firestore.DocumentReference
   beforeEach(async () => {
     store.replaceState({
       // @ts-ignore

packages/vuexfire/__tests__/rtdb.spec.ts

@@ -1,7 +1,8 @@
 import Vuex from 'vuex'
 import { firebaseAction, vuexfireMutations } from '../src'
 import { MockFirebase, tick, Vue } from '@posva/vuefire-test-helpers'
-import { database } from 'firebase'
+import firebase from 'firebase/app'
+
 import { RTDBOptions } from '@posva/vuefire-core/dist/packages/@posva/vuefire-core/src'
 
 Vue.use(Vuex)
@@ -37,14 +38,14 @@ describe('RTDB: firebaseAction', () => {
     },
   })
 
-  const setItems = (query: database.Query, options?: RTDBOptions) =>
+  const setItems = (query: firebase.database.Query, options?: RTDBOptions) =>
     // @ts-ignore
     store.dispatch('action', ({ bindFirebaseRef }) => bindFirebaseRef('items', query, options))
-  const setItem = (ref: database.Reference, options?: RTDBOptions) =>
+  const setItem = (ref: firebase.database.Reference, options?: RTDBOptions) =>
     // @ts-ignore
     store.dispatch('action', ({ bindFirebaseRef }) => bindFirebaseRef('item', ref, options))
 
-  let collection: database.Reference, document: database.Reference
+  let collection: firebase.database.Reference, document: firebase.database.Reference
   beforeEach(async () => {
     store.replaceState({
       items: [],