测试用例
This commit is contained in:
ahua52
parent
4fd86c2acf
commit
eb6acc41f0
|
|
@ -1,4 +1,157 @@
|
||||||
import React from 'react';
|
import React,{ReactDOM} from 'react';
|
||||||
import {shallow, mount, render} from 'enzyme';
|
import {shallow, mount, render} from 'enzyme';
|
||||||
import {expect} from 'chai';
|
import {expect} from 'chai';
|
||||||
import Tree from '../src/index';
|
//import Tree from '../src/index';
|
||||||
|
import TestUtils from 'react-addons-test-utils';
|
||||||
|
const Simulate = TestUtils.Simulate;
|
||||||
|
import Tree from '../src/Tree';
|
||||||
|
import TreeNode from '../src/TreeNode';
|
||||||
|
//const TreeNode = Tree.TreeNode;
|
||||||
|
|
||||||
|
describe('simple tree', () => {
|
||||||
|
let tree;
|
||||||
|
it('should add css class of root dom node', () => {
|
||||||
|
tree = mount(
|
||||||
|
<Tree className="forTest">
|
||||||
|
<TreeNode title="1"/>
|
||||||
|
</Tree>
|
||||||
|
);
|
||||||
|
expect(tree.hasClass('forTest')).to.equal(true);
|
||||||
|
});
|
||||||
|
it('should have checkbox, default expand all treeNode, not show icon, show line', (done) => {
|
||||||
|
tree = mount(
|
||||||
|
<Tree selectable checkable defaultExpandAll showIcon={false} showLine multiple>
|
||||||
|
<TreeNode title="parent 1" key="0-0" className="spe">
|
||||||
|
<TreeNode title="leaf 1" key="0-0-0" disabled>
|
||||||
|
<TreeNode title="leaf" key="random"/>
|
||||||
|
<TreeNode title="leaf"/>
|
||||||
|
</TreeNode>
|
||||||
|
<TreeNode title="leaf 2" key="0-0-1" disableCheckbox />
|
||||||
|
</TreeNode>
|
||||||
|
</Tree>);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
// have checkbox
|
||||||
|
expect(tree.find('.rc-tree-checkbox').length).to.equal(5);
|
||||||
|
// expand all treeNode
|
||||||
|
//console.log(tree.find('.rc-tree-switcher').last().html());
|
||||||
|
expect(tree.find('.rc-tree-switcher').length).to.equal(5)
|
||||||
|
expect(tree.find('.rc-tree-switcher').last().hasClass('rc-tree-switcher-noop')).to.equal(true);
|
||||||
|
// not show icon
|
||||||
|
expect(tree.find('.rc-tree-iconEle').length).to.equal(0);
|
||||||
|
// show line
|
||||||
|
expect(tree.find('.rc-tree-line').length).to.equal(1);
|
||||||
|
|
||||||
|
done();
|
||||||
|
}, 50);
|
||||||
|
});
|
||||||
|
it('should set default expandedKeys, selectedKeys and checkedKeys', () => {
|
||||||
|
tree = mount(
|
||||||
|
<Tree defaultExpandedKeys={['0-0']} defaultSelectedKeys={['0-0']}
|
||||||
|
checkable defaultCheckedKeys={['0-0']}
|
||||||
|
>
|
||||||
|
<TreeNode title="parent 1" key="0-0">
|
||||||
|
<TreeNode title="leaf 1" key="0-0-0">
|
||||||
|
<TreeNode title="leaf" key="0-0-0-0" />
|
||||||
|
<TreeNode title="leaf" key="0-0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
<TreeNode title="leaf 2" key="0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
</Tree>);
|
||||||
|
const li = tree.find('li').first();
|
||||||
|
expect(li.find('.rc-tree-switcher').first().hasClass('rc-tree-noline_open')).to.equal(true);
|
||||||
|
expect(li.find('.rc-tree-checkbox-checked').length).to.equal(3);
|
||||||
|
expect(li.find('.rc-tree-node-selected').length).to.equal(1);
|
||||||
|
});
|
||||||
|
it('should expand specific treeNode', (done) => {
|
||||||
|
|
||||||
|
function cb() {
|
||||||
|
setTimeout(() => {
|
||||||
|
expect(li.find('.rc-tree-switcher').first().hasClass('rc-tree-noline_open')).to.equal(true);
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
tree = mount(
|
||||||
|
<Tree onExpand={cb}>
|
||||||
|
<TreeNode title="parent 1" key="0-0">
|
||||||
|
<TreeNode title="leaf 1" key="0-0-0">
|
||||||
|
<TreeNode title="leaf" key="0-0-0-0" />
|
||||||
|
<TreeNode title="leaf" key="0-0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
<TreeNode title="leaf 2" key="0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
</Tree>);
|
||||||
|
const li = tree.find('li').first();
|
||||||
|
li.find('.rc-tree-switcher').first().simulate('click');
|
||||||
|
//Simulate.click(li.find('.rc-tree-switcher').first());
|
||||||
|
});
|
||||||
|
it('should fire check event', (done) => {
|
||||||
|
function cb(checkedKeys) {
|
||||||
|
expect(checkedKeys.indexOf('0-0-0-1') > -1).to.equal(true);
|
||||||
|
done();
|
||||||
|
}
|
||||||
|
tree = mount(
|
||||||
|
<Tree defaultExpandAll checkable onCheck={cb}>
|
||||||
|
<TreeNode title="parent 1" key="0-0">
|
||||||
|
<TreeNode title="leaf 1" key="0-0-0">
|
||||||
|
<TreeNode title="leaf" key="0-0-0-0" />
|
||||||
|
<TreeNode title="leaf" key="0-0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
<TreeNode title="leaf 2" key="0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
</Tree>
|
||||||
|
);
|
||||||
|
const ele = tree.find('li').at(1).find(".rc-tree-checkbox").at(0);
|
||||||
|
ele.simulate("click");
|
||||||
|
});
|
||||||
|
it('should filter treeNode', () => {
|
||||||
|
function filterTreeNode(treeNode) {
|
||||||
|
return treeNode.props.title.indexOf('parent') > -1;
|
||||||
|
}
|
||||||
|
tree = mount(
|
||||||
|
<Tree filterTreeNode={filterTreeNode}>
|
||||||
|
<TreeNode title="parent 1" key="0-0">
|
||||||
|
<TreeNode title="leaf 1" key="0-0-0">
|
||||||
|
<TreeNode title="leaf" key="0-0-0-0" />
|
||||||
|
<TreeNode title="leaf" key="0-0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
<TreeNode title="leaf 2" key="0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
</Tree>
|
||||||
|
);
|
||||||
|
expect(tree.find('.filter-node').length).to.equal(1);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('draggable tree', () => {
|
||||||
|
let tree;
|
||||||
|
let div;
|
||||||
|
|
||||||
|
|
||||||
|
it('should fire drag and drop event', () => {
|
||||||
|
function cb(info) {
|
||||||
|
console.log(info);
|
||||||
|
expect(true).to.equal(true);
|
||||||
|
}
|
||||||
|
tree = mount(
|
||||||
|
<Tree
|
||||||
|
draggable onDragStart={cb} onDragEnter={cb} onDragOver={cb} onDragLeave={cb} onDrop={cb}
|
||||||
|
>
|
||||||
|
<TreeNode title="parent 1" key="0-0">
|
||||||
|
<TreeNode title="leaf 1" key="0-0-0">
|
||||||
|
<TreeNode title="leaf" key="0-0-0-0" />
|
||||||
|
<TreeNode title="leaf" key="0-0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
<TreeNode title="leaf 2" key="0-0-1" />
|
||||||
|
</TreeNode>
|
||||||
|
</Tree>
|
||||||
|
);
|
||||||
|
|
||||||
|
Simulate.dragStart(tree.find("li").at(1).find('a'));
|
||||||
|
const li = tree.find("li").at(3);
|
||||||
|
Simulate.dragEnter(li);
|
||||||
|
Simulate.dragOver(li);
|
||||||
|
Simulate.dragLeave(li);
|
||||||
|
Simulate.drop(li);
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue