feat: major refactor, cleanup and jest tests

test/getComponentOptions.test.js

@@ -0,0 +1,76 @@
+import getComponentOption from '../src/shared/getComponentOption'
+import { getVue } from './utils'
+
+describe('getComponentOption', () => {
+  let Vue
+
+  beforeAll(() => (Vue = getVue()))
+
+  it('returns an empty object when no matching options are found', () => {
+    const component = new Vue()
+    const mergedOption = getComponentOption({ component, keyName: 'noop' })
+    expect(mergedOption).toEqual({})
+  })
+
+  it('fetches the given option from the given component', () => {
+    const component = new Vue({ someOption: 'foo' })
+    const mergedOption = getComponentOption({ component, keyName: 'someOption' })
+    expect(mergedOption).toEqual('foo')
+  })
+
+  it('calls a function option, injecting the component as context', () => {
+    const component = new Vue({
+      name: 'Foobar',
+      someFunc() {
+        return this.$options.name
+      }
+    })
+    const mergedOption = getComponentOption({ component, keyName: 'someFunc' })
+    // TODO: Should this be foobar or Foobar
+    expect(mergedOption).toEqual('Foobar')
+  })
+
+  it('fetches deeply nested component options and merges them', () => {
+    Vue.component('merge-child', { render: h => h('div'), foo: { bar: 'baz' } })
+
+    const component = new Vue({
+      foo: { fizz: 'buzz' },
+      el: document.createElement('div'),
+      render: h => h('div', null, [h('merge-child')])
+    })
+
+    const mergedOption = getComponentOption({ component, keyName: 'foo', deep: true })
+    expect(mergedOption).toEqual({ bar: 'baz', fizz: 'buzz' })
+  })
+
+  it('allows for a custom array merge strategy', () => {
+    Vue.component('array-child', {
+      render: h => h('div'),
+      foo: [
+        { name: 'flower', content: 'rose' }
+      ]
+    })
+
+    const component = new Vue({
+      foo: [
+        { name: 'flower', content: 'tulip' }
+      ],
+      el: document.createElement('div'),
+      render: h => h('div', null, [h('array-child')])
+    })
+
+    const mergedOption = getComponentOption({
+      component,
+      keyName: 'foo',
+      deep: true,
+      arrayMerge(target, source) {
+        return target.concat(source)
+      }
+    })
+
+    expect(mergedOption).toEqual([
+      { name: 'flower', content: 'tulip' },
+      { name: 'flower', content: 'rose' }
+    ])
+  })
+})