2020-10-14 16:09:03 +00:00
|
|
|
import React from "react";
|
|
|
|
import { mount } from "enzyme";
|
|
|
|
import TreeMenu from ".";
|
|
|
|
import TreeNode from "./sub-components/tree-node";
|
2019-09-08 16:40:59 +00:00
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
describe("<TreeMenu />", () => {
|
|
|
|
it("renders without error", () => {
|
2019-12-03 14:01:10 +00:00
|
|
|
const wrapper = mount(
|
2019-09-09 12:05:17 +00:00
|
|
|
<TreeMenu
|
|
|
|
checkable={false}
|
|
|
|
draggable={true}
|
|
|
|
disabled={false}
|
|
|
|
multiple={false}
|
|
|
|
showIcon={true}
|
|
|
|
showLine={false}
|
|
|
|
>
|
|
|
|
<TreeNode title="Parent" key="0-0">
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeNode title="Child" key="0-0-0"></TreeNode>
|
2019-09-09 12:05:17 +00:00
|
|
|
</TreeNode>
|
|
|
|
</TreeMenu>
|
2019-09-08 16:40:59 +00:00
|
|
|
);
|
|
|
|
|
|
|
|
expect(wrapper).toExist();
|
|
|
|
});
|
2019-12-03 14:01:10 +00:00
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
it("accepts id", () => {
|
2019-12-03 14:01:10 +00:00
|
|
|
const wrapper = mount(
|
|
|
|
<TreeMenu
|
|
|
|
id="testId"
|
|
|
|
checkable={false}
|
|
|
|
draggable={true}
|
|
|
|
disabled={false}
|
|
|
|
multiple={false}
|
|
|
|
showIcon={true}
|
|
|
|
showLine={false}
|
|
|
|
>
|
|
|
|
<TreeNode title="Parent" key="0-0">
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeNode title="Child" key="0-0-0"></TreeNode>
|
2019-12-03 14:01:10 +00:00
|
|
|
</TreeNode>
|
|
|
|
</TreeMenu>
|
|
|
|
);
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
expect(wrapper.prop("id")).toEqual("testId");
|
2019-12-03 14:01:10 +00:00
|
|
|
});
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
it("accepts className", () => {
|
2019-12-03 14:01:10 +00:00
|
|
|
const wrapper = mount(
|
|
|
|
<TreeMenu
|
|
|
|
className="test"
|
|
|
|
checkable={false}
|
|
|
|
draggable={true}
|
|
|
|
disabled={false}
|
|
|
|
multiple={false}
|
|
|
|
showIcon={true}
|
|
|
|
showLine={false}
|
|
|
|
>
|
|
|
|
<TreeNode title="Parent" key="0-0">
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeNode title="Child" key="0-0-0"></TreeNode>
|
2019-12-03 14:01:10 +00:00
|
|
|
</TreeNode>
|
|
|
|
</TreeMenu>
|
|
|
|
);
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
expect(wrapper.prop("className")).toEqual("test");
|
2019-12-03 14:01:10 +00:00
|
|
|
});
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
it("accepts style", () => {
|
2019-12-03 14:01:10 +00:00
|
|
|
const wrapper = mount(
|
|
|
|
<TreeMenu
|
2020-10-14 16:09:03 +00:00
|
|
|
style={{ color: "red" }}
|
2019-12-03 14:01:10 +00:00
|
|
|
checkable={false}
|
|
|
|
draggable={true}
|
|
|
|
disabled={false}
|
|
|
|
multiple={false}
|
|
|
|
showIcon={true}
|
|
|
|
showLine={false}
|
|
|
|
>
|
|
|
|
<TreeNode title="Parent" key="0-0">
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeNode title="Child" key="0-0-0"></TreeNode>
|
2019-12-03 14:01:10 +00:00
|
|
|
</TreeNode>
|
|
|
|
</TreeMenu>
|
|
|
|
);
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
expect(wrapper.getDOMNode().style).toHaveProperty("color", "red");
|
2019-12-03 14:01:10 +00:00
|
|
|
});
|
2020-10-14 16:09:03 +00:00
|
|
|
it("accepts isFullFillSelection", () => {
|
2020-09-15 10:14:11 +00:00
|
|
|
const wrapper = mount(
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeMenu isFullFillSelection={false}>
|
2020-09-15 10:14:11 +00:00
|
|
|
<TreeNode title="Parent" key="0-0">
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeNode title="Child" key="0-0-0"></TreeNode>
|
2020-09-15 10:14:11 +00:00
|
|
|
</TreeNode>
|
|
|
|
</TreeMenu>
|
|
|
|
);
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
expect(wrapper.prop("isFullFillSelection")).toEqual(false);
|
2020-09-15 10:14:11 +00:00
|
|
|
});
|
2020-10-14 16:09:03 +00:00
|
|
|
it("accepts gapBetweenNodes and gapBetweenNodesTablet", () => {
|
2020-09-15 10:14:11 +00:00
|
|
|
const wrapper = mount(
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeMenu gapBetweenNodes="22" gapBetweenNodesTablet="24">
|
2020-09-15 10:14:11 +00:00
|
|
|
<TreeNode title="Parent" key="0-0">
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeNode title="Child" key="0-0-0"></TreeNode>
|
2020-09-15 10:14:11 +00:00
|
|
|
</TreeNode>
|
|
|
|
</TreeMenu>
|
|
|
|
);
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
expect(wrapper.prop("gapBetweenNodes")).toEqual("22");
|
|
|
|
expect(wrapper.prop("gapBetweenNodesTablet")).toEqual("24");
|
2020-09-15 10:14:11 +00:00
|
|
|
});
|
2020-10-14 16:09:03 +00:00
|
|
|
it("accepts isEmptyRootNode", () => {
|
2020-09-15 11:50:14 +00:00
|
|
|
const wrapper = mount(
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeMenu isEmptyRootNode={true}>
|
2020-09-15 11:50:14 +00:00
|
|
|
<TreeNode title="Parent" key="0-0">
|
2020-10-14 16:09:03 +00:00
|
|
|
<TreeNode title="Child" key="0-0-0"></TreeNode>
|
2020-09-15 11:50:14 +00:00
|
|
|
</TreeNode>
|
|
|
|
</TreeMenu>
|
|
|
|
);
|
|
|
|
|
2020-10-14 16:09:03 +00:00
|
|
|
expect(wrapper.prop("isEmptyRootNode")).toEqual(true);
|
2020-09-15 11:50:14 +00:00
|
|
|
});
|
2019-09-08 16:40:59 +00:00
|
|
|
});
|