add test case for basic props

Author: zombieJ

tests/TreeProps.spec.js

@@ -0,0 +1,48 @@
+/* eslint-disable no-undef */
+import React from 'react';
+import { render } from 'enzyme';
+import { renderToJson } from 'enzyme-to-json';
+import Tree, { TreeNode } from '..';
+
+/**
+ * For refactor purpose. All the props should be passed by test
+ */
+
+describe('Tree Props', () => {
+  // prefixCls
+  it('prefixCls', () => {
+    const withoutPrefix = render(
+      <Tree />
+    );
+    expect(renderToJson(withoutPrefix)).toMatchSnapshot();
+
+    const withPrefix = render(
+      <Tree prefixCls="test-prefix" />
+    );
+    expect(renderToJson(withPrefix)).toMatchSnapshot();
+  });
+
+  // showLine
+  it('showLine', () => {
+    const wrapper = render(
+      <Tree showLine />
+    );
+    expect(renderToJson(wrapper)).toMatchSnapshot();
+  });
+
+  // showIcon
+  it('showIcon', () => {
+    const wrapper = render(
+      <Tree>
+        <TreeNode>
+          <TreeNode>
+            <TreeNode />
+          </TreeNode>
+          <TreeNode />
+        </TreeNode>
+        <TreeNode />
+      </Tree>
+    );
+    expect(renderToJson(wrapper)).toMatchSnapshot();
+  });
+});

tests/__snapshots__/TreeProps.spec.js.snap

@@ -0,0 +1,72 @@
+exports[`Tree Props prefixCls 1`] = `
+<ul
+  class="rc-tree"
+  role="tree-node"
+  unselectable="on">
+  
+</ul>
+`;
+
+exports[`Tree Props prefixCls 2`] = `
+<ul
+  class="test-prefix"
+  role="tree-node"
+  unselectable="on">
+  
+</ul>
+`;
+
+exports[`Tree Props showIcon 1`] = `
+<ul
+  class="rc-tree"
+  role="tree-node"
+  unselectable="on">
+  <li
+    class="">
+    <span
+      class="rc-tree-switcher rc-tree-switcher_close">
+      
+    </span>
+    <span
+      class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-close"
+      title="---">
+      <span
+        class="rc-tree-iconEle rc-tree-icon__close">
+        
+      </span>
+      <span
+        class="rc-tree-title">
+        ---
+      </span>
+    </span>
+  </li>
+  <li
+    class="">
+    <span
+      class="rc-tree-switcher rc-tree-switcher-noop">
+      
+    </span>
+    <span
+      class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
+      title="---">
+      <span
+        class="rc-tree-iconEle rc-tree-icon__docu">
+        
+      </span>
+      <span
+        class="rc-tree-title">
+        ---
+      </span>
+    </span>
+  </li>
+</ul>
+`;
+
+exports[`Tree Props showLine 1`] = `
+<ul
+  class="rc-tree rc-tree-show-line"
+  role="tree-node"
+  unselectable="on">
+  
+</ul>
+`;