diff --git a/package-lock.json b/package-lock.json
index 3d6f569..8f97ec0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-docgen-api",
-  "version": "2.3.13",
+  "version": "2.3.14",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -589,6 +589,12 @@
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz",
       "integrity": "sha1-TDqyCiryaqIM0lmVw5jE63AxDI0="
     },
+    "babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=",
+      "dev": true
+    },
     "babel-plugin-syntax-object-rest-spread": {
       "version": "6.13.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
@@ -907,6 +913,15 @@
         "babel-types": "6.26.0"
       }
     },
+    "babel-plugin-transform-vue-jsx": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-3.7.0.tgz",
+      "integrity": "sha512-W39X07/n3oJMQd8tALBO+440NraGSF//Lo1ydd/9Nme3+QiRGFBb1Q39T9iixh0jZPPbfv3so18tNoIgLatymw==",
+      "dev": true,
+      "requires": {
+        "esutils": "2.0.2"
+      }
+    },
     "babel-polyfill": {
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-polyfill/-/babel-polyfill-6.26.0.tgz",
@@ -1313,6 +1328,7 @@
       "requires": {
         "anymatch": "1.3.2",
         "async-each": "1.0.1",
+        "fsevents": "1.2.4",
         "glob-parent": "2.0.0",
         "inherits": "2.0.3",
         "is-binary-path": "1.0.1",
@@ -2425,6 +2441,535 @@
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
     },
+    "fsevents": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.4.tgz",
+      "integrity": "sha512-z8H8/diyk76B7q5wg+Ud0+CqzcAF3mBBI/bA5ne5zrRUUIvNkJY//D3BqyH571KuAC4Nr7Rw7CjWX4r0y9DvNg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "nan": "2.10.0",
+        "node-pre-gyp": "0.10.0"
+      },
+      "dependencies": {
+        "abbrev": {
+          "version": "1.1.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "ansi-regex": {
+          "version": "2.1.1",
+          "bundled": true,
+          "dev": true
+        },
+        "aproba": {
+          "version": "1.2.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "are-we-there-yet": {
+          "version": "1.1.4",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "delegates": "1.0.0",
+            "readable-stream": "2.3.6"
+          }
+        },
+        "balanced-match": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true
+        },
+        "brace-expansion": {
+          "version": "1.1.11",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "balanced-match": "1.0.0",
+            "concat-map": "0.0.1"
+          }
+        },
+        "chownr": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "code-point-at": {
+          "version": "1.1.0",
+          "bundled": true,
+          "dev": true
+        },
+        "concat-map": {
+          "version": "0.0.1",
+          "bundled": true,
+          "dev": true
+        },
+        "console-control-strings": {
+          "version": "1.1.0",
+          "bundled": true,
+          "dev": true
+        },
+        "core-util-is": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "deep-extend": {
+          "version": "0.5.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "delegates": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "detect-libc": {
+          "version": "1.0.3",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "fs-minipass": {
+          "version": "1.2.5",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minipass": "2.2.4"
+          }
+        },
+        "fs.realpath": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "gauge": {
+          "version": "2.7.4",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "aproba": "1.2.0",
+            "console-control-strings": "1.1.0",
+            "has-unicode": "2.0.1",
+            "object-assign": "4.1.1",
+            "signal-exit": "3.0.2",
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wide-align": "1.1.2"
+          }
+        },
+        "glob": {
+          "version": "7.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        },
+        "has-unicode": {
+          "version": "2.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "iconv-lite": {
+          "version": "0.4.21",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "safer-buffer": "2.1.2"
+          }
+        },
+        "ignore-walk": {
+          "version": "3.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minimatch": "3.0.4"
+          }
+        },
+        "inflight": {
+          "version": "1.0.6",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "once": "1.4.0",
+            "wrappy": "1.0.2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "bundled": true,
+          "dev": true
+        },
+        "ini": {
+          "version": "1.3.5",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "number-is-nan": "1.0.1"
+          }
+        },
+        "isarray": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "minimatch": {
+          "version": "3.0.4",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "brace-expansion": "1.1.11"
+          }
+        },
+        "minimist": {
+          "version": "0.0.8",
+          "bundled": true,
+          "dev": true
+        },
+        "minipass": {
+          "version": "2.2.4",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.1.1",
+            "yallist": "3.0.2"
+          }
+        },
+        "minizlib": {
+          "version": "1.1.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minipass": "2.2.4"
+          }
+        },
+        "mkdirp": {
+          "version": "0.5.1",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.8"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "needle": {
+          "version": "2.2.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "debug": "2.6.9",
+            "iconv-lite": "0.4.21",
+            "sax": "1.2.4"
+          }
+        },
+        "node-pre-gyp": {
+          "version": "0.10.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "detect-libc": "1.0.3",
+            "mkdirp": "0.5.1",
+            "needle": "2.2.0",
+            "nopt": "4.0.1",
+            "npm-packlist": "1.1.10",
+            "npmlog": "4.1.2",
+            "rc": "1.2.7",
+            "rimraf": "2.6.2",
+            "semver": "5.5.0",
+            "tar": "4.4.1"
+          }
+        },
+        "nopt": {
+          "version": "4.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "abbrev": "1.1.1",
+            "osenv": "0.1.5"
+          }
+        },
+        "npm-bundled": {
+          "version": "1.0.3",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "npm-packlist": {
+          "version": "1.1.10",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ignore-walk": "3.0.1",
+            "npm-bundled": "1.0.3"
+          }
+        },
+        "npmlog": {
+          "version": "4.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "are-we-there-yet": "1.1.4",
+            "console-control-strings": "1.1.0",
+            "gauge": "2.7.4",
+            "set-blocking": "2.0.0"
+          }
+        },
+        "number-is-nan": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true
+        },
+        "object-assign": {
+          "version": "4.1.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "once": {
+          "version": "1.4.0",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "wrappy": "1.0.2"
+          }
+        },
+        "os-homedir": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "os-tmpdir": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "osenv": {
+          "version": "0.1.5",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "os-homedir": "1.0.2",
+            "os-tmpdir": "1.0.2"
+          }
+        },
+        "path-is-absolute": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "process-nextick-args": {
+          "version": "2.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "rc": {
+          "version": "1.2.7",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "deep-extend": "0.5.1",
+            "ini": "1.3.5",
+            "minimist": "1.2.0",
+            "strip-json-comments": "2.0.1"
+          },
+          "dependencies": {
+            "minimist": {
+              "version": "1.2.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "readable-stream": {
+          "version": "2.3.6",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "1.0.0",
+            "process-nextick-args": "2.0.0",
+            "safe-buffer": "5.1.1",
+            "string_decoder": "1.1.1",
+            "util-deprecate": "1.0.2"
+          }
+        },
+        "rimraf": {
+          "version": "2.6.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "glob": "7.1.2"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.1",
+          "bundled": true,
+          "dev": true
+        },
+        "safer-buffer": {
+          "version": "2.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "sax": {
+          "version": "1.2.4",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "semver": {
+          "version": "5.5.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "set-blocking": {
+          "version": "2.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "signal-exit": {
+          "version": "3.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "safe-buffer": "5.1.1"
+          }
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "ansi-regex": "2.1.1"
+          }
+        },
+        "strip-json-comments": {
+          "version": "2.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "tar": {
+          "version": "4.4.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chownr": "1.0.1",
+            "fs-minipass": "1.2.5",
+            "minipass": "2.2.4",
+            "minizlib": "1.1.0",
+            "mkdirp": "0.5.1",
+            "safe-buffer": "5.1.1",
+            "yallist": "3.0.2"
+          }
+        },
+        "util-deprecate": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "wide-align": {
+          "version": "1.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "string-width": "1.0.2"
+          }
+        },
+        "wrappy": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true
+        },
+        "yallist": {
+          "version": "3.0.2",
+          "bundled": true,
+          "dev": true
+        }
+      }
+    },
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -3652,6 +4197,13 @@
       "integrity": "sha1-j7+rsKmKJT0xhDMfno3rc3L6xsA=",
       "dev": true
     },
+    "nan": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.10.0.tgz",
+      "integrity": "sha512-bAdJv7fBLhWC+/Bls0Oza+mvTaNQtP+1RyhhhvD95pgUJz6XM5IzgmxOkItJ9tkoCiplvAnXI1tNmmUD/eScyA==",
+      "dev": true,
+      "optional": true
+    },
     "nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -4766,6 +5318,14 @@
       "resolved": "https://registry.npmjs.org/stream-via/-/stream-via-1.0.4.tgz",
       "integrity": "sha512-DBp0lSvX5G9KGRDTkR/R+a29H+Wk2xItOF+MpZLLNDWbEV9tGPnqLPxHEYjmiz8xGtJHRIqmI+hCjmNzqoA4nQ=="
     },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
     "string-argv": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.0.2.tgz",
@@ -4783,14 +5343,6 @@
         "strip-ansi": "3.0.1"
       }
     },
-    "string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "requires": {
-        "safe-buffer": "5.1.2"
-      }
-    },
     "stringify-object": {
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.2.2.tgz",
diff --git a/package.json b/package.json
index 52dde7d..3c8984a 100644
--- a/package.json
+++ b/package.json
@@ -52,6 +52,8 @@
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "babel-eslint": "^7.2.3",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
     "chai": "^4.0.2",
     "eslint": "^3.19.0",
     "eslint-plugin-import": "^2.9.0",
diff --git a/src/utils/getParseBabel.js b/src/utils/getParseBabel.js
index b26196c..98a8daf 100644
--- a/src/utils/getParseBabel.js
+++ b/src/utils/getParseBabel.js
@@ -2,7 +2,7 @@ const babel = require('babel-core')
 const path = require('path')
 const process = require('process')
 
-module.exports = function getParseBabel(code, filename, comments = false) {
+module.exports = function getJsxBabel(code, filename, comments = false) {
   // Provide filename and cwd to babel for:
   //  a) Proper loading of .babelrc
   //  b) Error messages saying where any SyntaxErrors are
@@ -22,9 +22,9 @@ module.exports = function getParseBabel(code, filename, comments = false) {
             chrome: 52,
           },
         },
-      ],
+      ]
     ],
-    plugins: ['transform-object-rest-spread'],
+    plugins: ['transform-object-rest-spread', 'transform-vue-jsx'],
     sourceRoot: cwd,
   }
 
diff --git a/tests/components/grid-jsx/Grid.vue b/tests/components/grid-jsx/Grid.vue
new file mode 100644
index 0000000..1ea387e
--- /dev/null
+++ b/tests/components/grid-jsx/Grid.vue
@@ -0,0 +1,160 @@
+
+<script>
+import { text } from './utils'
+
+/**
+ * This is an example of creating a reusable grid component and using it with external data.
+ * @version 1.0.5
+ * @author [Rafael](https://github.com/rafaesc92)
+ * @since Version 1.0.1
+ */
+export default {
+  name: 'grid',
+  props: {
+    /**
+     * object/array defaults should be returned from a factory function
+     * @version 1.0.5
+     * @since Version 1.0.1
+     * @see See [Wikipedia](https://en.wikipedia.org/wiki/Web_colors#HTML_color_names) for a list of color names
+     * @link See [Wikipedia](https://en.wikipedia.org/wiki/Web_colors#HTML_color_names) for a list of color names
+     */
+    msg: {
+      type: [String, Number],
+      default: text,
+    },
+    /**
+     * describe data
+     * @version 1.0.5
+     */
+    data: Array,
+
+    images: {
+      type: Array,
+      default: function() {
+        return [{}]
+      },
+    },
+    /**
+     * prop function
+     */
+    propFunc: {
+      default: function() {},
+    },
+    /**
+     * get columns list
+     */
+    columns: [Array],
+    /**
+     * filter key
+     * @ignore
+     */
+    filterKey: {
+      type: String,
+      default: 'example',
+    },
+  },
+  data() {
+    var sortOrders = {}
+    this.columns.forEach(function(key) {
+      sortOrders[key] = 1
+    })
+    return {
+      sortKey: '',
+      sortOrders: sortOrders,
+    }
+  },
+  computed: {
+    filteredData: function() {
+      var sortKey = this.sortKey
+      var filterKey = this.filterKey && this.filterKey.toLowerCase()
+      var order = this.sortOrders[sortKey] || 1
+      var data = this.data
+      if (filterKey) {
+        data = data.filter(function(row) {
+          return Object.keys(row).some(function(key) {
+            return (
+              String(row[key])
+                .toLowerCase()
+                .indexOf(filterKey) > -1
+            )
+          })
+        })
+      }
+      if (sortKey) {
+        data = data.slice().sort(function(a, b) {
+          a = a[sortKey]
+          b = b[sortKey]
+          return (a === b ? 0 : a > b ? 1 : -1) * order
+        })
+      }
+      return data
+    },
+  },
+
+  render() {
+    const { sortKey, capitalize } = this
+    return (
+      <table class="grid">
+        <thead>
+          <tr>
+            {columns.map(key => (
+              <th onClick={() => sortBy(key)} class={{ active: sortKey == key }}>
+                {capitalize(key)}
+                <span class={'arrow ' + (sortOrders[key] > 0 ? 'asc' : 'dsc')} />
+              </th>
+            ))}
+          </tr>
+        </thead>
+        <tbody>{filteredData.map(entry => columns.map(key => entry[key]))}</tbody>
+      </table>
+    )
+  },
+
+  methods: {
+    /**
+     * Sets the order
+     *
+     * @public
+     * @version 1.0.5
+     * @since Version 1.0.1
+     * @param {string} key Key to order
+     * @returns {string} Test
+     */
+    sortBy: function(key) {
+      this.sortKey = key
+      this.sortOrders[key] = this.sortOrders[key] * -1
+
+      /**
+       * Success event.
+       *
+       * @event success
+       * @type {object}
+       */
+      this.$emit('example', {
+        demo: 'example success',
+      })
+    },
+
+    hiddenMethod: function() {
+      /**
+       * Error event.
+       *
+       * @event error
+       * @type {object}
+       */
+      this.$emit('error', {
+        demo: 'example error',
+      })
+    },
+    capitalize: function(str) {
+      return str.charAt(0).toUpperCase() + str.slice(1)
+    },
+  },
+}
+</script>
+
+<style scoped>
+.grid {
+  margin-bottom: 20px;
+}
+</style>
diff --git a/tests/components/grid-jsx/grid.test.js b/tests/components/grid-jsx/grid.test.js
new file mode 100644
index 0000000..25f1c1a
--- /dev/null
+++ b/tests/components/grid-jsx/grid.test.js
@@ -0,0 +1,106 @@
+const path = require('path')
+const expect = require('chai').expect
+
+const api = require('../../../dist/main')
+const grid = path.join(__dirname, './Grid.vue')
+let docGrid
+
+describe('tests grid', () => {
+  before(function(done) {
+    docGrid = api.parse(grid)
+    done()
+  })
+
+  it('should return an object', () => {
+    expect(docGrid).to.be.an('object')
+  })
+
+  it('The component name should be grid', () => {
+    expect(docGrid.displayName).to.equal('grid')
+  })
+
+  it('should the component has tags', () => {
+    expect(typeof docGrid['tags'] !== 'undefined').to.be.true
+  })
+
+  it('should the component has authors', () => {
+    expect(typeof docGrid['tags']['author'] !== 'undefined').to.be.true
+  })
+
+  it('should the component has description', () => {
+    expect(typeof docGrid['description'] !== 'undefined').to.be.true
+  })
+
+  it('should has methods', () => {
+    expect(typeof docGrid['methods'] !== 'undefined').to.be.true
+  })
+
+  it('should the component has one method', () => {
+    expect(Object.keys(docGrid['methods']).length).to.equal(1)
+  })
+
+  it('should has props', () => {
+    expect(typeof docGrid['props'] !== 'undefined').to.be.true
+  })
+
+  it('should the component has version', () => {
+    expect(typeof docGrid['tags']['version'] !== 'undefined').to.be.true
+  })
+
+  it('should the component has four props', () => {
+    expect(Object.keys(docGrid['props']).length).to.equal(6)
+  })
+
+  it('grid component should have a msg prop as string|number type', () => {
+    expect(docGrid['props']['msg']['type']['name']).to.equal('string|number')
+  })
+
+  it('grid component should have a filterKey prop as string type', () => {
+    expect(docGrid['props']['filterKey']['type']['name']).to.equal('string')
+  })
+
+  it('grid component should have a propFunc prop as func type', () => {
+    expect(docGrid['props']['propFunc']['type']['name']).to.equal('func')
+  })
+
+  it('grid component should have a images prop as Array type', () => {
+    expect(docGrid['props']['images']['type']['name']).to.equal('array')
+  })
+
+  it('grid component should have a data prop as Array type', () => {
+    expect(docGrid['props']['data']['type']['name']).to.equal('array')
+  })
+
+  it('grid component should have a columns prop as Array type', () => {
+    expect(docGrid['props']['columns']['type']['name']).to.equal('array')
+  })
+
+  it('should the prop msg has four tags', () => {
+    expect(Object.keys(docGrid['props']['msg']['tags']).length).to.equal(4)
+  })
+
+  it('should the component has two event', () => {
+    expect(Object.keys(docGrid['events']).length).to.equal(2)
+  })
+
+  it('should the component has event, it called success', () => {
+    expect(typeof docGrid['events']['success'] !== 'undefined').to.be.true
+  })
+
+  it('should the description of success event is Success event.', () => {
+    expect(docGrid['events']['success']['description']).to.equal('Success event.')
+  })
+
+  it('should the component has event, it called error', () => {
+    expect(typeof docGrid['events']['error'] !== 'undefined').to.be.true
+  })
+
+  it('should the description of error event is Error event.', () => {
+    expect(docGrid['events']['error']['description']).to.equal('Error event.')
+  })
+
+  it('should the type of error event is object.', () => {
+    expect(docGrid['events']['error']['type']['names'][0]).to.equal('object')
+  })
+
+})
diff --git a/tests/components/grid-jsx/utils.js b/tests/components/grid-jsx/utils.js
new file mode 100644
index 0000000..84ea1ec
--- /dev/null
+++ b/tests/components/grid-jsx/utils.js
@@ -0,0 +1,3 @@
+module.exports = {
+  text: 'this is a secret',
+}