add tests for getComponentOption

src/shared/getComponentOption.js

@@ -10,6 +10,7 @@ import deepmerge from 'deepmerge'
  * @param  {Object} opts.component - Vue component to fetch option data from
  * @param  {String} opts.option - what option to look for
  * @param  {Boolean} opts.deep - look for data in child components as well?
+ * @param  {Function} opts.arrayMerge - how should arrays be merged?
  * @param  {Object} [result={}] - result so far
  * @return {Object} - final aggregated result
  */
@@ -18,32 +19,35 @@ export default function getComponentOption (opts, result = {}) {
   const { $options } = component
 
   // only collect option data if it exists
-  if ($options[option]) {
+  if (typeof $options[option] !== 'undefined' && $options[option] !== null) {
     const data = $options[option]
 
-    // TODO: check data is plain object, throw if not
-
-    // bind context of option methods (if any) to this component
-    for (const key in data) {
-      if (data.hasOwnProperty(key)) {
-        const value = data[key]
-        if (typeof value === 'function') {
-          data[key] = value.bind(component)
+    if (typeof data === 'object') {
+      // bind context of option methods (if any) to this component
+      for (const key in data) {
+        if (data.hasOwnProperty(key)) {
+          const value = data[key]
+          if (typeof value === 'function') {
+            data[key] = value.bind(component)
+          }
         }
       }
-    }
 
-    // merge with existing options
-    result = deepmerge(result, data, { arrayMerge })
-  }
+      // merge with existing options
+      result = deepmerge(result, data, { arrayMerge })
 
-  // collect & aggregate child options if deep = true
-  if (deep) {
-    const { $children } = component
-    for (let i = 0, len = $children.length; i < len; i++) {
-      const component = $children[i]
-      result = getComponentOption({ option, deep, component, arrayMerge }, result)
+      // collect & aggregate child options if deep = true
+      if (deep) {
+        const { $children } = component
+        for (let i = 0, len = $children.length; i < len; i++) {
+          const component = $children[i]
+          result = getComponentOption({ option, deep, component, arrayMerge }, result)
+        }
+      }
+
+      return result
     }
+    result = data
   }
 
   return result