diff --git a/components/file-tree/__tests__/__snapshots__/index.test.tsx.snap b/components/file-tree/__tests__/__snapshots__/index.test.tsx.snap
new file mode 100644
index 0000000..8763a6f
--- /dev/null
+++ b/components/file-tree/__tests__/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tree should mount correctly 1`] = `
+<TreeFile
+  className=""
+  level={0}
+  name="package.json"
+  parentPath=""
+/>
+`;
+
+exports[`Tree should mount correctly 2`] = `
+<TreeFolder
+  className=""
+  level={0}
+  name="components"
+  parentPath=""
+/>
+`;
+
+exports[`Tree should mount correctly 3`] = `ReactWrapper {}`;
diff --git a/components/file-tree/__tests__/index.test.tsx b/components/file-tree/__tests__/index.test.tsx
new file mode 100644
index 0000000..f64ac1f
--- /dev/null
+++ b/components/file-tree/__tests__/index.test.tsx
@@ -0,0 +1,75 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import { Tree } from 'components'
+import { nativeEvent } from 'tests/utils'
+import { FileTreeValue } from 'components/file-tree/tree'
+
+const mockFiles: Array<FileTreeValue> = [{
+  type: 'file',
+  name: 'cs.js',
+}, {
+  type: 'directory',
+  name: 'bin',
+  files: [{
+    type: 'file',
+    name: 'cs.js',
+  }],
+}, {
+  type: 'directory',
+  name: 'docs',
+  files: [{
+    type: 'file',
+    name: 'controllers.md',
+  }, {
+    type: 'file',
+    name: 'es6.md',
+  }, {
+    type: 'file',
+    name: 'production.md',
+  }, {
+    type: 'file',
+    name: 'views.md',
+  }],
+}, {
+  type: 'file',
+  name: 'views.md',
+}]
+
+describe('Tree', () => {
+  it('should mount correctly', () => {
+    const wrapper = mount(
+      <Tree>
+        <Tree.File name="package.json" />
+        <Tree.Folder name="components">
+          <Tree.File name="layout.js" />
+          <Tree.File name="header.js" />
+        </Tree.Folder>
+        <Tree.File name="readme.md" />
+      </Tree>
+    )
+    expect(<Tree.File name="package.json" />).toMatchSnapshot()
+    expect(<Tree.Folder name="components" />).toMatchSnapshot()
+    expect(wrapper).toMatchSnapshot()
+    expect(() => wrapper.unmount()).not.toThrow()
+  })
+  
+  it('should show extra messages', () => {
+    const files = mockFiles.map(item => ({ ...item, extra: 'extra' }))
+    const wrapper = mount(<Tree value={files} />)
+    const firstName = wrapper.find('.name').at(0)
+    expect(firstName.text()).toContain('extra')
+    expect(() => wrapper.unmount()).not.toThrow()
+  })
+  
+  it('should trigger event when file clicked', () => {
+    const callback = jest.fn()
+    const wrapper = mount(<Tree value={mockFiles} onClick={callback} />)
+    wrapper.find('.file').at(0).simulate('click', nativeEvent)
+    expect(callback).toHaveBeenCalled()
+  })
+  
+  it('should be work when value is empty', () => {
+    const wrapper = mount(<Tree value={[]} />)
+    expect(() => wrapper.unmount()).not.toThrow()
+  })
+})