test: refactor rtdb options

Author: posva

tests/database/options.spec.ts

@@ -8,88 +8,69 @@ import {
 } from '../../src'
 import { setupDatabaseRefs } from '../utils'
 
-const component = defineComponent({ template: 'no' })
+const component = defineComponent({
+  template: 'no',
+  data: () => ({ items: [], item: null }),
+})
 
 describe('RTDB: plugin options', () => {
   const { databaseRef, push } = setupDatabaseRefs()
 
-  it('allows customizing $rtdbBind', () => {
-    const wrapper = mount(component, {
-      global: {
-        plugins: [
-          [
-            databasePlugin,
-            {
-              bindName: '$myBind',
-              unbindName: '$myUnbind',
-            },
-          ],
-        ],
-      },
-    })
-    expect(typeof (wrapper.vm as any).$myBind).toBe('function')
-    expect(typeof (wrapper.vm as any).$myUnbind).toBe('function')
-  })
-
-  it('calls custom serialize function with a ref', async () => {
-    const pluginOptions: DatabasePluginOptions = {
-      serialize: vi.fn(() => ({ id: '2', foo: 'bar' })),
-    }
-    const { vm } = mount(
-      {
-        template: 'no',
-        data: () => ({ items: [] }),
-      },
-      {
+  describe('$rtdbBind', () => {
+    function factory(pluginOptions?: DatabasePluginOptions) {
+      return mount(component, {
         global: {
           plugins: [[databasePlugin, pluginOptions]],
         },
-      }
-    )
+      })
+    }
 
-    const itemListRef = databaseRef()
+    it('allows customizing $rtdbBind', () => {
+      const wrapper = factory({
+        bindName: '$myBind',
+        unbindName: '$myUnbind',
+      })
+      expect(typeof (wrapper.vm as any).$myBind).toBe('function')
+      expect(typeof (wrapper.vm as any).$myUnbind).toBe('function')
+    })
 
-    const p = vm.$rtdbBind('items', itemListRef)
-    await push(itemListRef, { text: 'foo' })
+    it('calls custom serialize function with a ref', async () => {
+      const serialize = vi.fn(() => ({ id: '2', foo: 'bar' }))
+      const { vm } = factory({ serialize })
 
-    expect(pluginOptions.serialize).toHaveBeenCalledTimes(1)
-    expect(pluginOptions.serialize).toHaveBeenCalledWith(
-      expect.objectContaining({ val: expect.any(Function) })
-    )
-    expect(vm.items).toEqual([{ foo: 'bar', id: '2' }])
-  })
+      const itemListRef = databaseRef()
 
-  it('can override serialize with local option', async () => {
-    const pluginOptions: DatabasePluginOptions = {
-      serialize: vi.fn(() => ({ id: '2', foo: 'bar' })),
-    }
+      const p = vm.$rtdbBind('items', itemListRef)
+      await push(itemListRef, { text: 'foo' })
 
-    const items = databaseRef()
-    const { vm } = mount(
-      {
-        template: 'no',
-        data: () => ({ items: [] }),
-      },
-      {
-        global: {
-          plugins: [[databasePlugin, pluginOptions]],
-        },
-      }
-    )
+      expect(serialize).toHaveBeenCalledTimes(1)
+      expect(serialize).toHaveBeenCalledWith(
+        expect.objectContaining({ val: expect.any(Function) })
+      )
+      expect(vm.items).toEqual([{ foo: 'bar', id: '2' }])
+    })
+
+    it('can override serialize with local option', async () => {
+      const serialize = vi.fn(() => ({ id: '2', foo: 'bar' }))
+      const items = databaseRef()
+      const { vm } = factory({ serialize })
 
-    const spy: DatabaseSnapshotSerializer = vi.fn(() => ({
-      id: '3',
-      bar: 'bar',
-    }))
+      const spy: DatabaseSnapshotSerializer = vi.fn(() => ({
+        id: '3',
+        bar: 'bar',
+      }))
 
-    vm.$rtdbBind('items', items, { serialize: spy })
-    await push(items, { text: 'foo' })
+      vm.$rtdbBind('items', items, { serialize: spy })
+      await push(items, { text: 'foo' })
 
-    expect(pluginOptions.serialize).not.toHaveBeenCalled()
-    expect(spy).toHaveBeenCalledTimes(1)
-    expect(spy).toHaveBeenCalledWith(
-      expect.objectContaining({ val: expect.any(Function) })
-    )
-    expect(vm.items).toEqual([{ bar: 'bar', id: '3' }])
+      expect(serialize).not.toHaveBeenCalled()
+      expect(spy).toHaveBeenCalledTimes(1)
+      expect(spy).toHaveBeenCalledWith(
+        expect.objectContaining({ val: expect.any(Function) })
+      )
+      expect(vm.items).toEqual([{ bar: 'bar', id: '3' }])
+    })
   })
+
+  // describe('firebase option', () => {})
 })