Add tests for nodes property

Author: jakezatecky

examples/dist/index.js

@@ -6810,7 +6810,7 @@ var Tree = function (_React$Component) {
 
 
 			return nodes.map(function (node) {
-				var formatted = Object.create(node);
+				var formatted = _extends({}, node);
 
 				formatted.checked = checked.indexOf(node.value) > -1;
 				formatted.expanded = expanded.indexOf(node.value) > -1;

src/js/Tree.js

@@ -61,7 +61,7 @@ class Tree extends React.Component {
 		const { checked, expanded } = this.props;
 
 		return nodes.map((node) => {
-			const formatted = Object.create(node);
+			const formatted = { ...node };
 
 			formatted.checked = checked.indexOf(node.value) > -1;
 			formatted.expanded = expanded.indexOf(node.value) > -1;

test/index.js

@@ -3,6 +3,7 @@ import { shallow } from 'enzyme';
 import { assert } from 'chai';
 
 import CheckboxTree from '../src/js/Tree';
+import TreeNode from '../src/js/TreeNode';
 
 describe('<CheckboxTree />', () => {
 	describe('component', () => {
@@ -20,5 +21,71 @@ describe('<CheckboxTree />', () => {
 			assert.isTrue(wrapper.find('.react-checkbox-tree').exists());
 		});
 	});
+
+	describe('nodes', () => {
+		it('should render the node\'s label', () => {
+			const wrapper = shallow(
+				<CheckboxTree
+					nodes={[{ value: 'jupiter', label: 'Jupiter' }]}
+				/>,
+			);
+
+			assert.equal('Jupiter', wrapper.find(TreeNode).prop('label'));
+		});
+
+		it('should render the node\'s legacy label', () => {
+			const wrapper = shallow(
+				<CheckboxTree
+					nodes={[{ value: 'jupiter', title: 'Jupiter' }]}
+				/>,
+			);
+
+			assert.equal('Jupiter', wrapper.find(TreeNode).prop('label'));
+		});
+
+		it('should render the node\'s value', () => {
+			const wrapper = shallow(
+				<CheckboxTree
+					nodes={[{ value: 'jupiter', title: 'Jupiter' }]}
+				/>,
+			);
+
+			assert.equal('jupiter', wrapper.find(TreeNode).prop('value'));
+		});
+
+		it('should render multiple nodes', () => {
+			const wrapper = shallow(
+				<CheckboxTree
+					nodes={[
+						{ value: 'jupiter', title: 'Jupiter' },
+						{ value: 'saturn', title: 'Saturn' },
+					]}
+				/>,
+			);
+
+			assert.equal('jupiter', wrapper.find(TreeNode).at(0).prop('value'));
+			assert.equal('saturn', wrapper.find(TreeNode).at(1).prop('value'));
+		});
+
+		it('should render node children', () => {
+			const wrapper = shallow(
+				<CheckboxTree
+					nodes={[
+						{
+							value: 'jupiter',
+							title: 'Jupiter',
+							children: [
+								{ value: 'europa', label: 'Europa' },
+							],
+						},
+					]}
+				/>,
+			);
+
+			const { value, label } = wrapper.find(TreeNode).prop('rawChildren')[0];
+
+			assert.deepEqual({ value: 'europa', label: 'Europa' }, { value, label });
+		});
+	});
 });